asmSelect Widget - Item height issue when only one item selected

  • Profile Image
    AgilityAssoc.Canada
    Asked on January 31, 2020 at 12:03 PM

    Hi,

    I am testing the widget asmSelect on 83534382977975 for another form, 200016807833954. I am adding custom css code and getting very close to what I want. There are a couple of things I would like help with.

    1) When the first item is selected the bottom of the item box is missing. When a second item is selected, if wanted,  then all appears as it should. Can this be fixed with CSS?

    15804895402020-01-31 11_39_04-missing.pn 

    2) a) can the text "Please Select" be replaced?

       

    b) can the width of the item box's be widened, I tried and lost the "X"

       

    c) some of the items in my drop-down if selected create a large bottom blank piece. I have tried a number of times to fix this and was successful with only one. The image should help.

    15804899462020-01-31 11_37_52-help.png

    Thank you,
     Robert

  • Profile Image
    AgilityAssoc.Canada
    Answered on January 31, 2020 at 12:27 PM

    Hi,

    I fixed the issue with 2.c. With a work around, I inserted CSS code to make all the selected items the same height. 

    .bsmListItem {
      height: 30px !IMPORTANT;
    }

    When viewed in console it had some set at 106px and others at 63px. How is this managed, why was it set so high?  

    Robert

  • Profile Image
    Mike
    Answered on January 31, 2020 at 04:47 PM

    I have escalated a bug report ticket regarding the height issue when only one item is selected. We will let you know if we have any updates from our developers.

    Other questions will be addressed via separate threads:

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

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

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

  • Profile Image
    AgilityAssoc.Canada
    Answered on February 01, 2020 at 11:51 AM

    Sorry, getting confused as to what question I am adding to.

     

    I  found a workaround, by setting top and bottom margins of the <selection>

    This is only a bandage, not the fix and may not work for all lists.

    Best,
     Robert

    ol {margin: -0.15em auto !important;}...

  • Profile Image
    AgilityAssoc.Canada
    Answered on February 01, 2020 at 11:53 AM

    ?

  • Profile Image
    Welvin
    Answered on February 01, 2020 at 03:04 PM

    The custom CSS Codes worked. Do you still need help with the spacing?

  • Profile Image
    AgilityAssoc.Canada
    Answered on February 03, 2020 at 02:08 PM

    Hi,

    No help is required, I have it working with my css patch.

    It should be escalated as indicated above, as it should not require a work-around to use.

    Thank you,
     Robert