Not signed in (Sign In)

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

Support Requests: Reduce width of form and use different CSS

Bottom of Page

1 to 11 of 11

  1.  
    • CommentAuthorbcsca
    • CommentTimeNov 10th 2007
     
    I have posted recently created form on to a page http://www.bcschoolcounsellor.com/new/presenter.htm...and as you can see the form "spills over"
    How can change the width of the form so that it fits within the designated area on the page....
    • CommentAuthorbcsca
    • CommentTimeNov 12th 2007
     
    I found the script for changing the width of the form---but I am still interested in finding out how to make the form TRANSPARENT...this have the same background as my website
    www.bcschoolcounsellor.com/new

    Dave
    •  
      CommentAuthorcedsav
    • CommentTimeNov 13th 2007
     
    Dave,

    Here's the CSS. It goes in the form builder, in the advanced properties panel for the form element.

    <style type="text/css">
    form, fieldset {
    background-image: none !important;
    background-color: transparent !important;
    }
    </style>
  4.  
    how do you change the 'width' of the page? it is so big on my page!
    •  
      CommentAuthorcedsav
    • CommentTimeOct 22nd 2008
     
    You can use this:

    <style type="text/css">
    .wForm {
    width: 500px;
    }
    </style>



    Adjust the width as needed (in pixels). Again, this goes in the custom code field.
    http://app.formassembly.com/pages/support/customization
  6.  
    it doesn't seem to make it look any different...
    •  
      CommentAuthorcedsav
    • CommentTimeOct 23rd 2008
     
    Can you provide a link to your form? I'll take a look.

    Thanks,

    Cedric
  8.  
    http://app.formassembly.com/forms/view/46656
  9.  
    maybe it's firefox browser?
    • CommentAuthorlizacoutu
    • CommentTimeNov 3rd 2008 edited
     
    I'm having a width problem with only one section of my form. All but the first section stays within the border of my screen. I've tried it on a couple of different browsers. Mine looks great from the app.formassembly.com page, but on my website, it messes up. Help?

    ETA: What I mean is that my first section, which is contact information, is much too wide for the screen. I have added the suggested code to the custom code area, but that first section remains too wide.
    •  
      CommentAuthorcedsav
    • CommentTimeNov 3rd 2008
     
    @# mydfwapprovals, I went ahead and made a few adjustments to your form to improve its layout and fix the width issue:

    1/ I deleted empty sections and questions.
    2/ I changed the default label position to 'above field'. This option is visible in the Form Builder after selecting the form's name in the outline.
    3/ I changed the type of a few sections from 'fieldset' to 'folder'. This removes some superfluous borders around your sections.
    4/ I changed the layout of the last multiple-choice question to display one choice per line (in the 'advanced' tab, after selecting the question in the outline).

    Let us know if you need further help with your form.

    @lizacoutu. Please open a support ticket with a link to your form and we'll look into it. Thank you!

    Cedric

1 to 11 of 11

  1.