Matrix?

  • Profile Image
    HighlandExtreme
    Asked on May 29, 2011 at 02:17 PM

    Hello, I have created a Matrix with 3 columns and 20 rows, with the input type as TEXT, Can you please tell me how to make the text area bigger please?

     

    Many Thanks 

     

    Cameron 

  • Profile Image
    abajan
    Answered on May 29, 2011 at 06:15 PM

    Hi Cameron

    Below is the solution to widen the textboxes but there are more pressing display issues related to the form about which you should be made aware.

    I noticed that when the page in which the form is embedded is initially loaded in Chrome 11, only up to row 17 of the matrix is displayed, hiding the submit button in the process. However, if the mouse is dragged over the matrix from the top left to the bottom right, the remainder of the page is revealed.

    Opera 11 shows the entire matrix but the submit button is hidden and the method used to display everything in Chrome didn't work in this case.

    Internet Explorer 8 is a similar situation to Opera 11, except that using the method to display the submit button in Chrome works.

    Safari 5 displays up to half of row 19 but the Chrome method to display the whole form also works here. 

    The only browser on my computer (Windows XP Professional) that correctly displays the form when initially loaded is Firefox 4 but I don't know if the same obtains with earlier versions.

    What makes the display issues above so crucial to resolve is the fact that those five browsers are considered to be the major ones. While performing the tests I noticed that the unembedded form ( at URL https://www.jotform.com/11432257260 ) displayed just fine in all of the browsers. Perhaps embedding it via an iFrame instead of the method currently employed might help.

    To widen the text boxes in the matrix, inject the CSS shown in this screenshot, click "Close Settings" and save the changes.

    Here's how to get to the panel shown in the screenshot:

    1. Load your form in the form builder/editor
    2. While on the "Setup & Embed" tab, click the "Preferences" toolbar button
    3. Click the "Form Styles" tab 

    Please let us know if the solutions provided in this post helped and if you need assistance with anything else form related.


    ~ Wayne

  • Profile Image
    matthewp
    Answered on April 23, 2012 at 07:43 AM

    Thanks for this. My problem was exactly the same and I didn't think I would find a solution easily....but here it is, first in the list and it worked first time. Thanks so much. Cheers.