allign Video Widget on same row

  • Profile Image
    EMYEstetica
    Asked on February 08, 2014 at 09:02 AM

    Love jotform news features.

    and I tried to put 3 videos in same row.

    I know we can shrink the fields as well as the video widget,

    but when I tried to move the 2nd and 3rd video in the same the row, it won't allow me.
    Can anyone help?

     

    any advice please

  • Profile Image
    Welvin
    Answered on February 08, 2014 at 01:22 PM

    Hi,

    You seem to be using our Free Text HTML field which I think, fixes the issue. Basically, if you are using the widget, all you need to do is to change your form width until the third video will move up on the same line.

    If you can give us a link that contains the widget, let us know so we'll check it and help you do it.

    Thanks

  • Profile Image
    EMYEstetica
    Answered on February 08, 2014 at 05:54 PM

    Yes it free for the moment as I am creating it for my customer.
    It will be up to him later whether to upgrade for the premium version.
    For the moment i am creating the forms on my account and later transfer it to theirs.

    I have tried as what you ave advise by increasing the width of the form from the preferences area, however it affected the widget field too.

    2nd, is it possible to have each of the Text lable alignment set to Centre on top ofthe video?

    Thank you in advance.
    Your guide and support is much appreciated.

    http://form.jotform.me/form/40383042799460

    Emi

  • Profile Image
    jonathan
    Answered on February 08, 2014 at 10:04 PM

    Hi Emi,

    I checked your form http://form.jotform.me/form/40383042799460 and could see that you have seem to figured it out already.

     

    To center-align the label names on top, inject a CSS code like this

    .form-label-top,{

    text-align: center;

    }

    Use this guide -How-to-Inject-Custom-CSS-Codes

    Inform us if you need further assitance.

    Thanks.

     

  • Profile Image
    EMYEstetica
    Answered on February 08, 2014 at 10:10 PM

    Oh wow...
    I didn't realize that since all this while I figured that jotform works like WYISWYG.

    Thanks guys. Your awesome.

     

    Regards,
    EMI

  • Profile Image
    EMYEstetica
    Answered on February 09, 2014 at 04:57 AM

    I have inject the CSS Code, but it seems nothing happen.

    Another question on the Youtube Widget field.
    The Video margin for each field took a lot ofspace and caused each video to have so much gap.
    It looks aweful.

    How do I decreased the margin or take out the margin space completely?

     

    Thnks

    E

  • Profile Image
    EltonCris
    Answered on February 09, 2014 at 06:59 AM

    @EMYEstetica

    Injecting the following CSS codes will move each video closer to each other.

    .form-line {

    padding-left: 2px !important;

    padding-right: 2px !important;

    }

    2px padding will output like this:

    Feel free to change the 2px value to your preference if you'd like to reduce it's gap since you are currently using "Nova" theme which column space has 36px left & right paddings. You can also the default theme (Form Style > Themes > select Default) if you'd like to use browser's default theme.

    Regards!

  • Profile Image
    EMYEstetica
    Answered on February 09, 2014 at 07:04 AM

    Superb...

    Another solved problem.
    Thanks guys.. Jotform team always exceed my expectation.

    Cheers

    Emi