How to Reduce Empty Space on Form
Last Post 11-06-2012 09:37 AM by Ryan Bakerink. 1 Replies.
AddThis - Bookmarking and Sharing Button
Author Messages
dlowreyUser is Offline
skipping stones
skipping stones
Posts:13
Avatar

--
10-31-2012 05:20 PM

    I have used the wizard to create a standard contact form (name, address etc).

    There are huge empty spaces between 1) the label/question and the textbox; and, 2) between columns (text box on same line as previous).

     Two questions:
    1. How do I get a tighter layout?
    2. Can I put the label over the textbox, without a large vertical gap?

    Thanks
    Don Lowrey

    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    11-06-2012 09:37 AM
    Hello Don,

    I would encourage you to shrink the Width of the Class "DynamicForms_MainTable". If you go to Module Configuration -> Format Layout Settings -> Stylesheet -> Enable the Custom Stylesheet. You'll see a style with the name of DynamicForms_MainTable and it has a Width of 100%. Shrink it to 40% and see if you get a tighter layout.

    I would also encourage downloading and installing FireBug for FireFox. This tool will allow you to inject temporary styles into your page. You can select a specific area, DIV, control, etc... and add styles to it. This will give you the capability to figure out which styles you'll need to include in order to make things more tidy. Google Chrome also has a tool that you can use. You can "Inspect elements" by right clicking on an area, DIV, Control, etc.. and add temporary styles also.

    NOTE: Anytime updating this stylesheet, you'll need to use CTRL + F5 to fully refresh the page and bring back the latest version of the Stylesheet.

    Please let me know if you have any questions.

    Thanks,

    Ryan


    ---
  • film izle
  • 720 izle
  • film
  • sinema izle
  • film makinesi
  • T�rk�e dublaj film
  • film izle
  • film izle
  • baglan film izle
  • sinema izle
  • 1080 film izle
  • film mercegi