Adding a sub-label in asmSelect widget

  • Benflips
    Asked on July 9, 2016 at 3:52 AM

    Can it have a sub-label?

  • Welvin Support Team Lead
    Replied on July 9, 2016 at 11:07 AM

    There's no option in the widget to add a sub-label, but you can inject the following custom CSS codes as a workaround:

    .bsmContainer:after {

        content: " asmSelect Widget Sub Label ";

        color: #333;

        position: relative;

        font-size: 14px;

        display: block;

    }

    Simply change "asmSelect Widget Sub Label" to your preferred text.

    Adding a sub label in asmSelect widget Image 1 Screenshot 20

  • Benflips
    Replied on July 9, 2016 at 7:46 PM
    Thanks. That works well.
    How do i change the font-style (say to italic or bold or bold & italic) in
    that code?
    And is a similar workaround possible for user-contributed dropdown?
    ...
  • David JotForm Support Manager
    Replied on July 9, 2016 at 10:40 PM

    Simply add this two lines between the curly brackets:

    font-weight: bold;

    font-style: italic;

    Example:

    .bsmContainer:after {

        content: " asmSelect Widget Sub Label ";

        color: #333;

        position: relative;

        font-size: 14px;

       font-weight: bold;

       font-style: italic;

        display: block;

    }

     

  • cancanmobile
    Replied on December 30, 2016 at 12:26 AM

    Please advise how I could do the same for the International Telephone Picker widget... I understand how it works in the came of the asmSelect widget, but cannot find what class I should use instead of ".bsmContainer"
  • Welvin Support Team Lead
    Replied on December 30, 2016 at 2:30 AM

    @cancanmobile: I have created a new thread for your question. You will be answered there. Here's the link: https://www.jotform.com/answers/1021903. 

  • cancanmobile
    Replied on December 30, 2016 at 11:45 PM
    Thank you for the update...
    Could you also advise how I can specify that a Chinese language version of
    this text appears on the Chinese language version of the form?

    ...
  • Kiran Support Team Lead
    Replied on December 31, 2016 at 4:09 PM

    @cancanmobile,

    Your other question is moved to a separate thread and shall be addressed there shortly.

    https://www.jotform.com/answers/1022719

    Thank you!