Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4363

beautify selectbox with CSS

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Normal
    • Resolution: Done
    • Affects Version/s: 8.6.2
    • Fix Version/s: 9.0.0
    • Component/s: Components, CSS
    • Security Level: Jimmy
    • Labels:

      Description

      Requirement Description

      • Appearance is also important
        From a user's point of view, they tend to use combobox as a dropdown because it looks prettier than other similar components like <listbox mold="select"> and <selectbox>. Currently, it looks similar to native OS style:

      Combobox looks prettier and styled:

      • Combobox is not a good dropdown
        But combobox is actually a textbox with a popup. it's not made for selection. If a user enters a non-existed item, it will cause an exception.

      proposed solution

      According to https://www.filamentgroup.com/lab/select-css.html, now we can make <select> pretty and consistent across browsers. I propose to make <selectbox> prettier in order to be used by users.

      Examples like: https://freefrontend.com/css-select-boxes/

      • <listbox mold="select"> has the same issue, if we decide to proceed, please create another issue for it.

        Attachments

          Activity

            People

            • Assignee:
              rudyhuang rudyhuang
              Reporter:
              hawk hawk
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 1 day
                1d
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day
                1d