Change the text box size on matrix field

  • Profile Image
    asepmtp
    Asked 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.

  • Profile Image
    pinoytech
    Answered 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
    asepmtp
    Answered 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
    ardy0689
    Answered 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