Adjusting the width of a specific label

  • glenpoolps
    Asked on June 23, 2015 at 9:12 AM

    I am needing to adjust the lengths of my labels throughout my form; however, I can only seem to find the option to adjust the length of all of them or none all at once. Please advise.

     

    Side Note: Would it be possible to have this "JotForm Support" form open in a new window (instead of on top of what you are working on) so that a person doesn't have to log in a second time to get the URL needed to provide below for further assistance?

  • Jan
    Replied on June 23, 2015 at 11:18 AM

    It is possible to adjust the width of a specific label on your form. You can do that by targeting the label id and by using the custom CSS. In Google Chrome, you can inspect the field by right clicking then choose "Inspect element" or "ctrl + shift + i". You will be able to find selector "ID" of the label.

    Adjusting the width of a specific label Image 1 Screenshot 20

    After getting the label ID, you will need to inject custom CSS code that targets the label. Here's an example:

    #label_474 { width: 300px !important; }

    Here's a guide on how to inject custom CSS code on your form. If you need help in identifying the label id, let us know so we can help you. 

    Yes, you can open the support forum in a new tab or in a new window (same browser).

  • glenpoolps
    Replied on June 23, 2015 at 11:43 AM

    Ok. So, just to clarify, the only way to adjust label lengths is by delving into all of that CSS code?

     

    Secondly, I think you misunderstood my second request/question. I wasn't asking for the support FORUM to open in a new window. I was asking if the "Contact JotForm Support" FORM could open in a new window. However, it would be nice if both of those opened in a new window/new tab.

     

    As it stands now, when you click any of the options under Support (ex: Contact Us) the form opens up on top of what you are working on. It would be wonderful if that help/support FORM could open in a new window/new tab so that, for example, you could still keep the form you are editing open as you type in your question in the support form. Is that more clear?

  • Sammy
    Replied on June 23, 2015 at 12:46 PM

    At the preset using CS code is the most flexible way to set you custom properties it allows you to achieve you exact desired result.

     

    We will take your suggestions about the link opening in a new tab/window as opposed in the current tab.

    Meanwhile before clicking the link hold down the CTRL key then click on it, this way the link will be opened in a new browser tab.

     

    To open in a new widow hold SHIFT then click on then link.

    Thank you for your feedback.

     

  • glenpoolps
    Replied on June 23, 2015 at 1:32 PM

    Ok. Thank you very much for the information. I am used to a MUCH easier, more straightforward method of making tweaks and adjustments in my forms without using coding and so it is frustrating and time-consuming for me to have to go in and learn that aspect when before in my previous program I could adjust these things from the edit screen without having to go "behind the scenes" so to speak. If a more simple method is developed, please let me know!

     

    Thank you SO MUCH for the helpful hints on opening your support form, etc in a new browser tab and/or a new window! I was not aware of that trick and it is much appreciated!