How do I change the style of the cascading dropdowns?

Home › Forums › Cascading dropdowns › How do I change the style of the cascading dropdowns?

Viewing 2 reply threads
  • Author
    Posts
    • September 10, 2017 at 00:01 #18082
      Charlene
      Participant

        I’d like to use the side by side style, but I’d also like to increase the width of each select section to 300px.

        When I tried to add the following CSS in custom CSS (see attached images)

        SELECT.spjs_casc_multi {min-width:300px !important; width:300px !important;}

        The boxes overlapped one another. Can anyone help?

        Attachments:

        1. Cascading-dropdown.png

        2. cascading-dropdown-overlap.png

      • September 11, 2017 at 07:50 #18107
        Charlene
        Participant

          I figured it out! In case this helps anyone else, instead of changing SELECT, I changed the formbody width in the Field CSS.

          TD.ms-formbody {min-width:700px !important; width:700px !important;}
        • September 11, 2017 at 19:00 #18118
          Alexander Bautz
          Keymaster

            I’m glad you figured it out.

            Alexander

        • Author
          Posts
        Viewing 2 reply threads
        • You must be logged in to reply to this topic.