·
Added a discussion

UNA 13.1. in the cloud hosted by UNA

I wonder how to get a HORIZONTAL list of cetegories in the Glossary search form. I remember well we had this discussion here in the forum about this issue, but I cannot find it.... it was about some minor additions to the DEV/glossary/searchform.....

image_transcoder.php?o=sys_images_editor&h=2214&dpx=2&t=1725439948

  • 1188
Comments
    • Hello @Peter !

      The checkbox set is packed to the div with the .bx-form-input-checkbox_set. So you may add to the Custom Styles area of your template the following code:

      .bx-form-input-checkbox_set {
      list-style:none;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      }
      

      You may test different variants of the margin or padding of the input and label elements.

      • THX you very much Leonid!, works well.

        • And I added "gap: 7px;" to adjust the distance between the items
        • and changed nowrap to flex-wrap: wrap; -> better for mobile
        Login or Join to comment.