Vývoj formulářových objektů

Automaticky přeloženo z Deepl

Abychom vám umožnili vytvářet co nejkrásnější rozhraní, pokračujeme ve vylepšování formulářových objektů. Od verze 4D v19 R6 můžete definovat zaoblený rámeček pro statické textové a vstupní textové objekty formuláře.

Ve verzi 4D v20 jsou k dispozici nové možnosti.

  • U tlačítek, rádiových tlačítek a zaškrtávacích políček jsme přidali nová nastavení pro text a ikonu.
  • U rádiových tlačítek a zaškrtávacích políček byl vylepšen počet stavů ikony, aby bylo možné lepší vykreslení pro koncového uživatele.

Příklad HDI

Pozice textu a ikony

Zarovnání textu

Vlastnost„Zarovnání textu“ je nyní použitelná pro tlačítka, rádiová tlačítka a zaškrtávací políčka. Zarovnání textu můžete definovat pomocí seznamu vlastností, CSS a OBJECT SET HORIZONTAL ALIGNMENT příkazem.

Seznam vlastností:

Příklad CSS:

Příklad: .align {
    textAlign : right;
}

Příklad kódu:

Na OBJECT SET HORIZONTAL ALIGNMENT můžete předat jednu ze tří konstant: Align left, Align right, a Align center.

OBJECT SET HORIZONTAL ALIGNMENT (*; "button"; Align center)

Obrázek objímá název

Pro tlačítka, přepínače a zaškrtávací políčka je přidána nová vlastnost„Image hugs title“.

Pokud je hodnota této vlastnosti false, obrázek se umístí podle vlastnosti „Title/ImagePosition“ na okraj tlačítka. Když je hodnota této vlastnosti true, obrázek je umístěn přímo vedle nadpisu podle vlastnosti „Title/ImagePosition“.

Tuto vlastnost lze nastavit pomocí seznamu vlastností, CSS a OBJECT SET FORMAT příkazem.

Seznam vlastností:

blank

Příklad: .hug {
    imageHugsTitle : false;
}

Příklad kódu:

Formátování tlačítek pomocí OBJECT SET FORMAT příkazem předejte řetězec, který dodržuje následující syntaxi: „title; picture; background; titlePos; titleVisible; iconVisible; style; horMargin; vertMargin; iconOffset; popupMenu; hyperlink; numStates; imageHugsTitle„. Pokud nechcete hodnotu měnit, nemusíte ji předávat.

Chcete-li změnit pouze vlastnost imageHugsTitle:

OBJECT SET FORMAT (*; "button";";;;;;;;;;;;;;0")

Výsledek:

Zde jsou různé příklady toho, čeho můžeme dosáhnout:

blank

Počet stavů ikon

U rádiových tlačítek a zaškrtávacích políček lze před verzí 4D v20 definovat ikonu se čtyřmi stavy: True (Pravda), False (Nepravda), Rollover (Převrácení) a Disable (Zakázat).

Pro lepší zážitek koncového uživatele je v některých případech potřeba, aby stav převrácení nebo zakázání zohledňoval stav true nebo false. Nyní tedy můžete použít ikonu se dvěma až šesti stavy.

  • Pravdivý,
  • False,
  • True Rollover,
  • False Rollover,
  • True Zakázat,
  • False Zakázat.

Neváhejte si stáhnout HDI, abyste viděli různé stavy kliknutím, najetím…

blank

Další…

Podívejte se na tuto funkci s HDI a na dokumentaci, kde najdete další podrobnosti! A jako vždy se těším na vaše připomínky.

Vanessa Talbot
• Product Owner • Vanessa Talbot se připojila k programovému týmu 4D v červnu 2014. Jako Product Owner má na starosti psaní uživatelských příběhů a jejich převod do funkčních specifikací. Její úlohou je také zajistit, aby implementovaná funkce odpovídala potřebám zákazníka. Od svého příchodu pracovala na definování klíčových prvků ve 4D. Pracovala na většině nových funkcí preemptivního multi-threadingu a také na velmi složitém tématu: nové architektuře pro enginované aplikace. Vanessa má titul z Telecom Saint-Etienne. Svou kariéru začala ve Výzkumném ústavu kriminalistickém jako vývojářka pro audiovizuální oddělení. Působila také v mediální a lékařské oblasti jako expertka na technickou podporu, produkci i dokumentaci novinek.