Project

General

Profile

Actions

Feature #14589

open

max width for Form wrap

Added by Benjamin Baer 4 months ago. Updated 4 months ago.

Status:
In Progress
Priority:
Normal
Assignee:
Benjamin Baer
Target version:
Start date:
23.08.2022
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No

Description

Problem:
Pages with multiple widths run into a problem with sizing per number of columns. Too small on narrow pages, too wide on full width pages.

Solution:
Limit size with CSS max-width wraps.

Old default:
col-md-12 col-lg-9

New default:
col-md-12 qfq-max-size-1280

Other option: qfq-max-size-1600

Don't use any on elements that should size to max, for example fabric elements.

(There needs to be an option to deactivate / replace this part for fabric in for instance My)

Actions #1

Updated by Benjamin Baer 4 months ago

  • Assignee changed from Carsten Rose to Benjamin Baer
Actions #2

Updated by Benjamin Baer 4 months ago

  • Tracker changed from Support to Feature
Actions #3

Updated by Benjamin Baer 4 months ago

  • Status changed from New to In Progress
Actions #4

Updated by Benjamin Baer 4 months ago

Merge request gemacht, die Klassen koennen bereits gemerged werden, braucht aber noch die Anpassungen fuer den Default in der qfq config

Actions #5

Updated by Carsten Rose 4 months ago

Fuer das von Benj skizzierte MaxWidth Problem:

  • Bisheriger Parameter in der Config: form-layout.formBsColumns
  • Neu: Dieser Parameter kann im Form ueberschrieben werden.
  • Es soll zwei Varianten geben:
    • Legacy: Parameter beginnt ohne '<' - es werden nur die gewuenschten CSS Klassen angegeben.
    • New: Parameter beginnt mit '<' - es wird das gesamte '<dic class="col-md-12 qfq-max-size-1280">' gesetzt.
  • Als neuer Default wird gesetzt: '<div class="col-md-12 qfq-max-size-1280">' (neue Installationen).
  • QFQ macht den schliessenden Tag (z.B. '</div>') automatisch, abhaengig davon was der oeffnende Tag war.
Actions

Also available in: Atom PDF