Support Topics Documentation Slack YouTube Blog

Dropdown Menu quick-access-panel UI Builder

Does UI Builder have a dropdown menu option other than ‘Select’.
I cannot see any reference in the documentation. Example Dropdown

1 Like

I would also love to see multi-column support for drop downs like this if possible.

I don’t know if what this page mentions is viable in backendless.

Hey!
We do not have such a component at the moment, but we are going to add it in the future.
Until it’s added, I can suggest a workaround for you:

Via CSS

   .menu-category {
      position: relative;
      height: 100%;
      margin: 0px 17px;
      padding: 20px 0;
              
      .menu-subcategory {
        width: 220px;
        position: absolute;
        top: 60px;
        left: auto;
        right: 0px;
        display: none !important;
        background-color: rgba(255,255,255,1);
        border-radius: 5px;
        border: 1px solid rgba(232, 232, 232, 0.8);
        padding: 17px 28px;
                
        &:before {
          content: '';
          position: absolute;
          top: -10px;
          right: 20px;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #ffffff;
          box-shadow: 0px 1px 0px 0px rgb(255 255 255);
          border-bottom-color: rgba(255,255,255,1);
          z-index: 2;
        }
        
        &:after {
          content: '';
          position: absolute;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid rgba(232, 232, 232, 0.65);
          border-bottom-width: 10px;
          border-bottom-style: solid;
          border-bottom-color: rgba(232, 232, 232, 0.65);
          top: -11px;
          right: 20px;
          margin-left: 0;
        }
      }
      
      &:hover .menu-subcategory {
        display: flex !important;
      }
    }

Снимок экрана 2021-04-23 в 14.18.00 Снимок экрана 2021-04-23 в 13.37.16
image

1 Like

Perfect!