Adding a sub-label in asmSelect widget

  • Profile Image
    Benflips
    Asked on July 09, 2016 at 03:52 AM

    Can it have a sub-label?

  • Profile Image
    Welvin
    Answered on July 09, 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.

  • Profile Image
    Benflips
    Answered on July 09, 2016 at 07: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?
    ...
  • Profile Image
    BDAVID
    Answered on July 09, 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;

    }

     

  • Profile Image
    cancanmobile
    Answered 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"
  • Profile Image
    Welvin
    Answered on December 30, 2016 at 02: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

  • Profile Image
    cancanmobile
    Answered 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?

    ...
  • Profile Image
    Kiran
    Answered on December 31, 2016 at 04: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!