What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to align my grid table to the centre

    Asked by metalsunny on June 04, 2016 at 07:28 AM

    i created a grid table which when i access it on mobile phone. it overlapped outside and my text gets cuts off.

    So i had reduce the grid table width to 450 and this time when i view it on android phone its perfect but the only problem is that when i view it on laptop after changing the width to 450 the grid table alignment is to the left side but i want aligned to the centre on full webview on laptop.

     

    Please how do i align my grid table to the centre

    Screenshot
    table alignment grid table align center iframe text fields
  • Profile Image
    JotForm Support

    Answered by Welvin on June 04, 2016 at 08:03 AM

    Add margin: 0 auto; in the grid iframe codes:

    <iframe frameborder="0" scrolling="auto" style="border:none;margin: 0 auto;" src="https://www.jotform.com/grid/61501995590057" width="450" height="1080" alt="" /></iframe>

    The grid table is embedded in the form so you have to edit it in the form builder. 

  • Profile Image

    Answered by metalsunny on June 04, 2016 at 08:26 AM

    wow>>>Yes!!!

    Thank you. my problem has been solved. i am happy now.  10 stars to jotform.

     

     

  • Profile Image
    JotForm Support

    Answered by Jan on June 04, 2016 at 08:40 AM

    Glad to hear that you are happy. On behalf of Welvin, you are welcome. Let us know if you need any help. Thank you.

  • Profile Image

    Answered by metalsunny on June 04, 2016 at 08:43 AM

    But excuse me. the solution worked for every form i used it for except for this grid report on my home page. can you help me fix this one on the home page? i want it at the centre too but its not working

  • Profile Image

    Answered by metalsunny on June 04, 2016 at 08:45 AM

    Please help me fix the one on my homepage above its size 450X200

  • Profile Image
    JotForm Support

    Answered by Mike_G on June 04, 2016 at 09:44 AM

    On your ANNOUNCEMENT form, can you try to add the CSS codes below, please?

    div#text_17 iframe {

        position: relative !important;

        left: 84px;

    }

    How-to-Inject-Custom-CSS-Codes

    I hope this helps. If not, please do not hesitate to get back to us. Thank you.

  • Profile Image

    Answered by metalsunny on June 04, 2016 at 09:57 AM

    i have solved it by cloning one of the good forms and re-adjusting all its content.

     

    it works now.

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by Jan on June 04, 2016 at 11:32 AM

    Glad to hear that the issue was resolved by cloning the good forms. Thank you for updating us. Have a nice day.