Uploaded image for project: 'Camunda Optimize'
  1. Camunda Optimize
  2. OPT-5021

Design Concept: Multi-Value select with OR-Logic for Variable and Instance State Filters

XMLWordPrintable

    • Icon: Design Task Design Task
    • Resolution: Done
    • Icon: L3 - Default L3 - Default
    • 3.6.0-alpha1, 3.6.0
    • None
    • None
    • None
    • Not defined

      Background 

      To enable a Usable UI for the creation of OR linked groups, the UI for variable filters must be updated. Since many of the config options are the same in other filters, ie, process date filter, these updates should be propagated across all small modal filters.  (inc. the filter snippet design 

      UI for Or Filters  -> https://zpl.io/aBvlDee 

      Behaviour example Video ->  https://drive.google.com/file/d/1rfRTLbQ2eitgjc8jOLLoCWEEwEBDoGRG/view?usp=sharing 

      UI for other small modal filters -> https://zpl.io/VYqWdAL 

       

      Behaviour of OR Filters (Can be seen in the video)

      • Only one additional variable can be added at a time (+OR button disabled until the filter configuration is completed)
      • Add filter primary button is enabled when all or none of the variable filters are configured.

       

       

      Small UI updates for modals (Are defined in design screens) : 

      • Layouts and spacings for all small modals 
      • 'Only display instances/Flow Nodes which...'  Text addition 
      • Typeahead Hint default for variable text to read "Select or search"
      • Filter snippet spacings & Titles, font size for filter type and info increase to 11px 
      • Hint text for integer value should be italic
      • Bool var - disable either true or false option.

        

       

       

        This is the controller panel for Smart Panels app

              Unassigned Unassigned
              asia.malina Asia Malina
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: