Fit Text widget on top of the jotform does not change its size to adjust to device viewed on

  • quannguyen1234
    Asked on February 27, 2015 at 2:28 PM
    5. The banner on top of my  form  does not change it size as the picture in my form when on tablet Samsung android 
  • Ben
    Replied on February 27, 2015 at 3:31 PM

    I took a look and I see what you mean.

    To fix this you could add a Text element from the Form Tools

    Fit Text widget on top of the jotform does not change its size to adjust to device viewed on Image 1 Screenshot 20

    Once you do this, you can add the following to the Text element:

    <h1 id="fittext" style="color: rgb(255, 255, 255); text-shadow: -1px 1px 0px rgb(212, 88, 72), -2px 2px 0px rgb(212, 88, 72), -3px 3px 0px rgb(212, 88, 72), -4px 4px 0px rgba(0, 0, 0, 0.15), -5px 5px 0px rgba(0, 0, 0, 0.15), -6px 6px 0px rgba(0, 0, 0, 0.15); font-family: "Roboto Slab",sans-serif; font-size: 59.6px;">WELCOME TO RMIT VIETNAM ONLINE SCHOLARSHIP APPLICATION</h1>

    This will make it look just like it does in the widget, but it should be mobile friendly.

    In the mean time I will raise this to our developers to see if it is possible to fix this and if they do they will update you through this thread about it.

  • quannguyen1234
    Replied on February 27, 2015 at 10:06 PM

    Hi 

     

    Thanks for your support. But the result does not look very good. Please help to fix the verticial alignment of the two lines. They are too close to each other. Also, the text look good when it is in edit mode but when I click on the button complete the text look like the capture below.

    Also, it would be good if you can help me to change the font to Museo 500 which is part of our branding description.

    Fit Text widget on top of the jotform does not change its size to adjust to device viewed on Image 1 Screenshot 20Thanks

     

  • Ben
    Replied on February 28, 2015 at 3:36 AM

    I have moved this to a new thread here http://www.jotform.com/answers/524352 so that we can help you style the Text field and have this thread related to the FitText widget, so once our developers start working on it they can see the related comments only.

    We will be replying to the other thread shortly.

  • TitusN
    Replied on April 24, 2015 at 3:45 AM

    Hello quannguyen1234, 

    If you use the mobile responsive widget with the fit text widget, the header will be responsive - 

    http://form.jotformpro.com/form/51131729242953?

    Please try it out and share your experience. 

    Cheers!