Project

General

Profile

Actions

Feature #10119

open

Dropdown (selectlist) &TypeAhead: format and catagorize list

Added by Carsten Rose over 4 years ago. Updated 17 days ago.

Status:
Priorize
Priority:
Normal
Assignee:
Jan Haller
Target version:
Start date:
13.02.2020
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No
Vote:
JH

Description

Gewuenscht ist das man Bereiche (z.B. Tags) von Items in Gruppen einteilen kann. Bsp:

  • Formatierung der Eintraege:
    • Subtitle: non clickable, style: grau, oder fett schwarz, ..
    • Regular Item: mit glyphicons, fa, icons.. - fett, kursiv, hover (tooltip).
  • Es gibt die Gruppen, z.B. 'Farbe', 'Fruechte', 'Auto'.
  • User tippt 'a'.
  • Angezeigt werden im Dropdown jeweils die 3 Gruppen, pro Gruppe die Matches auf 'a'.

Darstellung der Listen

  • Vermutlich kann man im JSON Datastring HTML Code angeben. Damit koennten dann die Eintraege formatiert werden.
  • Wichtig ist das im Value Feld HTML gesendet werden.

Files


Related issues

Related to QFQ - Feature #7602: Multi Select: with checkboxesNewSupport: Web04.01.2019

Actions
Actions #1

Updated by Carsten Rose about 4 years ago

  • Tracker changed from Support to Feature
Actions #2

Updated by Carsten Rose 6 months ago

  • Description updated (diff)
  • Assignee changed from Carsten Rose to Jan Haller
  • Target version changed from next5 to 24.9.0
  • Prio Planung set to No
Actions #3

Updated by Carsten Rose 6 months ago

BS3 hat ein paar huebsche Klassen - aber das sind Links, kein Dropdown in einem Form:

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#"><b>Separated</b> <u>link</u></a></li>
    <li><i>Group Title (not clickable)</i></li>
    <li><a style="margin-left:5px;" href="#">Separated link 2</a></li>
    <li><a style="margin-left:5px;" href="#">Separated link 3</a></li>
  </ul>
</div>
Actions #4

Updated by Jan Haller 4 months ago

Actions #5

Updated by Jan Haller 4 months ago

  • Status changed from New to In Progress
Actions #6

Updated by Jan Haller 27 days ago

  • Status changed from In Progress to ToDo
Actions #7

Updated by Jan Haller 27 days ago

  • Status changed from ToDo to Priorize
Actions #8

Updated by Jan Haller 17 days ago

  • Target version changed from 24.9.0 to CodingWeek2024
  • Vote JH added
Actions

Also available in: Atom PDF