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

    Change the text box size on matrix field

    Asked by asepmtp on November 07, 2013 at 09:22 PM

    Dear Jotform,

    How can i change width this sub form:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/32630906818861" frameborder="0" style="width:100%; height:1306px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    i just wanna change width "Judul artikel acara ilmiah" and wanna change "Tanggal maju acara ilmiah" with date-mode.

     

    Thank you.

    format fill JotForm style height message
  • Profile Image

    Answered by pinoytech on November 08, 2013 at 03:46 AM

    Hi,

    Thank you for contacting us! Using custom css, you can achieve that in your form.

    Here's the code:

    .form-matrix-values .form-textbox {

    width: 75px;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by asepmtp on November 08, 2013 at 11:05 AM
    I wanna change "judul" of "Judul artikel acara ilmiah" colum width.
    The code below just change "Tanggal maju acara ilmiah"
    .form-matrix-values .form-textbox {
    width: 75px;
    }
    Please help me.
    Thank you very much
    Salam,
    Asep J.Sahara
    2013/11/8 JotForm Support Forum
  • Profile Image
    JotForm Support

    Answered by ardy0689 on November 08, 2013 at 11:36 AM

    Thank you for you reply.

    You may use this custom CSS code in addition to the code that my colleague has given you.

    #cid_13 .form-matrix-table{
    width: 150px !important;
    }

    You may adjust the width accordingly. Refer to this guide on How to Inject Custom CSS Codes

    Please do let us know if this works for you. Thank you