Rozložení formuláře
Rozložení tvoří záložky, sekce a sloupce, do kterých umísťujete pole a widgety.
Jak je rozložení postavené
Formulář se skládá z záložek, záložka z sekcí a sekce z polí a widgetů. Sekce má vlastní mřížku (1, 2, 3, 4, 6 nebo 12 sloupců) a každé pole v ní zabírá určitou část šířky sekce (v návrháři se zobrazuje v procentech, např. 50 % nebo 100 %). Rozložení upravujete na kartě Rozvržení návrháře, viz Přehled návrháře.
- Formulář musí mít alespoň jednu záložku. Záložku bez viditelného pole za běhu nevidí uživatel vůbec.
- Každé pole může být v rozložení jen jednou. Duplicita je validační chyba a brání uložení.
- Verze Community podporuje nejvýše 2 záložky. Další záložku nelze přidat (tlačítko + Záložka je neaktivní), viz Licence.
Záložky
Záložky dělí dlouhý formulář na přehledné části. Pokud má formulář jen jednu viditelnou záložku, tabulátor se nezobrazí.
- Přidání: tlačítko + Záložka za posledním tabulátorem. Nová záložka obsahuje prázdnou sekci.
- Přejmenování: volba Přejmenovat záložku v nabídce Možnosti záložky, nebo pole Název záložky v inspektoru záložky.
- Pořadí: Posunout doleva a Posunout doprava v nabídce záložky nebo v inspektoru. Záložky se nepřetahují myší.
- Barva a ikona: volby Barva záložky (modrá, zelená, oranžová, červená, fialová, tyrkysová, šedá nebo vlastní barva HEX) a Ikona záložky (například Přehled, Dokumenty, Finance, Úkoly, Lidé, Termíny, Historie, Rizika).
- Dynamická barva: v inspektoru záložky lze barvu odvodit z hodnoty vybraného pole (například Schváleno zeleně, Zamítnuto červeně). Barvu lze měnit i pravidlem, viz akce setColor.
- Výchozí chování: přepínače Viditelná záložka a Jen pro čtení (všechna pole na záložce). Za běhu je může změnit pravidlo (setVisible, setReadOnly). Záložka může mít i vlastní Podmínky viditelnosti.
- Smazání: Smazat záložku odstraní záložku včetně všech sekcí a polí. Návrhář nejdřív ukáže dialog dopadu.
Klíč ikony (icon u záložky i sekce) se čte bez ohledu na velikost písmen a mezery okolo, takže Info i info zobrazí stejnou ikonu. Kromě klíčů z nabídky platí aliasy: checkmark, check, todo (jako task), finance, cash, budget (jako money), attach, attachment, attachments, files (jako folder) a kpi, analytics (jako chart). Neznámý klíč se zobrazí jako první dva znaky textu.
Odznaky na tabulátoru v návrháři ukazují, že je záložka skrytá, jen pro čtení nebo řízená pravidly.
Sekce
Sekce seskupuje související pole pod nadpisem. Vlastnosti sekce se nastavují po kliknutí na její záhlaví v inspektoru.
| Volba v inspektoru | Význam |
|---|---|
| Název sekce | Nadpis sekce nad poli. |
| Popis sekce | Volitelný text pod nadpisem sekce. V jiném jazyce návrháře se uloží do překladů (i18nConfig.translations). |
| Vzhled sekce | Bez rámečku (plain, výchozí), S okrajem (outlined) nebo Karta (card). |
| Podbarvení sekce, Ikona sekce | Barva z palety nebo vlastní HEX, dynamicky i podle hodnoty pole. |
| Výchozí mřížka polí v sekci | 1, 2, 3, 4, 6 nebo 12 sloupců (columns). Určuje výchozí šířku pole. |
| Šířka sekce na záložce | Kolik procent šířky záložky sekce zabírá (uloženo jako colSpan v dílech z 12). Sekce s menší šířkou se řadí vedle sebe. |
| Sbalitelná sekce, Ve výchozím stavu sbaleno | Uživatel může sekci sbalit a rozbalit. Sbalená sekce s chybou validace se při uložení sama rozbalí. |
| Viditelná sekce, Jen pro čtení | Výchozí stav, který může za běhu změnit pravidlo (setVisible, setReadOnly, setCollapsed). |
V hlavičce sekce na záložce bez sloupců je přepínač 50 % | 100 % pro rychlou změnu šířky sekce. Jiná šířka (např. 67 %) se zobrazí jako text a žádná z voleb není vybraná; jemnější nastavení je v inspektoru sekce.
Pořadí sekcí v záložce bez sloupců měníte tlačítky Posunout sekci nahoru a Posunout sekci dolů v nabídce Možnosti sekce. Nová sekce se přidá tlačítkem + Přidat sekci.
Smazání klávesou Delete
Na kartě Rozvržení smaže klávesa Delete právě označené pole, widget nebo sekci. Používá stejný postup jako tlačítko Smazat v inspektoru, takže se před smazáním zobrazí dialog s dopadem na pravidla a skripty. Klávesa nefunguje při psaní do textového pole, v otevřeném dialogu nebo nabídce. Backspace nic nemaže. Smazání vrátíte tlačítkem Zpět nebo Ctrl+Z jedním krokem.
Sloupce a šířka polí
Šířka pole v sekci
Mřížka má 12 dílů. Šířku pole nastavíte v inspektoru pole (Šířka v sekci, hodnota colSpan 1 až 12). Bez nastavení má pole šířku podle mřížky sekce: v sekci o dvou sloupcích 6 dílů, ve čtyřsloupcové 3 díly. Nově přidané pole (z palety tažením, tlačítkem + i po vytvoření sloupce) dostane právě tuto výchozí šířku. Widgety na plnou šířku (banner, obrázek, související položky aj.) zůstávají na 100 %; užší widgety (KPI, procesní tlačítko) dostanou výchozí šířku sekce. Na úzkém okně (pod 640 px) se pole vždy skládají pod sebe na celou šířku.
Změníte-li v inspektoru sekce Výchozí mřížku polí (1, 2, 3, 4 nebo 6 sloupců), šířky polí se přizpůsobí: pole, která mají dosavadní výchozí šířku (nebo žádnou vlastní), dostanou novou. Pole na plnou šířku a pole s vlastní šířkou (např. 8 dílů) zůstanou beze změny. Celá změna je jeden krok Zpět a platí jen pro rozložení, které právě upravujete (sdílené nebo režimové).
Sloupce záložky
Chcete-li rozložit sekce vedle sebe do nezávislých sloupců (každý sloupec má vlastní stoh sekcí), použijte v nabídce záložky volbu Sloupce záložky a vyberte předvolbu:
- 1 sloupec (12),
- 1/2 + 1/2 (6 + 6),
- 1/3 × 3 (4 + 4 + 4),
- 2/3 + 1/3 (8 + 4), 1/3 + 2/3 (4 + 8),
- 1/4 + 3/4 (3 + 9), 3/4 + 1/4 (9 + 3),
- Podle řádků (automaticky): sloupce vzniknou z aktuálních šířek sekcí.
Návrhář před převodem zobrazí potvrzení Rozdělit sekce do sloupců?. Volba Zrušit sloupce (po řádcích) a potvrzení Zrušit rozložení do sloupců? sloupce odstraní a sekce se seřadí pod sebe na plnou šířku. Obě akce lze vrátit tlačítkem Zpět. Ve sloupcovém režimu má každý sloupec nabídku Možnosti sloupce (Přidat sekci do sloupce, Smazat sloupec).
V režimu sloupců se sekce přesouvají přetažením mezi sloupci. Bez sloupců se šířka sekce řídí volbou Šířka sekce na záložce.
Řazení přetažením
- Pole a widgety lze do sekce přidat přetažením z palety (karta Pole i Widgety) nebo tlačítkem „+“. Hotové prvky přetáhnete uchopením řádku na plátně: v rámci sekce změníte pořadí, do jiné sekce téže záložky je přesunete. Alternativou je Přesunout do sekce v patičce inspektoru. Na jinou záložku pole přesunete z nabídky Možnosti pole (tlačítko „…“ na řádku pole) příkazem Přesunout na záložku…: pole skončí na konci první sekce vybrané záložky, kterou návrhář zobrazí. Záložka bez sekce je v nabídce zakázaná.
- Z palety přetáhněte pole do sekce, nebo klikněte na + u pole.
- Sekce se přetahují za úchyt Přetáhnout sekci v hlavičce sekce, v rámci záložky i mezi sloupci ve sloupcovém režimu. Alternativou jsou tlačítka nahoru a dolů v nabídce Možnosti sekce. Příkaz Přesunout na záložku… v téže nabídce přesune celou sekci na jinou záložku (u záložky se sloupci do prvního sloupce) a zobrazí ji; přesun jde vrátit tlačítkem Zpět.
- Záložky se řadí tlačítky Posunout doleva a Posunout doprava.
Každý přesun je samostatný krok a jde vrátit tlačítkem Zpět.
Mazání a dopad na pravidla
Odebrání pole z rozvržení, smazání sekce nebo záložky a smazání pravidla nejdřív otevře dialog dopadu (například Odebrat pole „Status“?). Dialog uvádí:
- počet odebíraných polí,
- pravidla, která se stanou nevalidní (zůstanou zachována, ale nebudou se vyhodnocovat),
- skripty, které odkazují na odebíraná pole a nebudou automaticky upraveny.
Pravidla tedy mazání polí nikdy neztratí. Nevalidní pravidla jsou v editoru označena a vrátíte je do provozu opravou odkazu nebo vrácením smazání tlačítkem Zpět. Odebrané pole se vrátí do palety a můžete ho přidat znovu.
Rozložení podle režimu
Ve výchozím stavu používají režimy Nový, Editace a Zobrazení společné rozložení. Chcete-li je odlišit (například v zobrazení zobrazit jen přehled, v novém formuláři jednoduchou verzi), vytvořte vlastní rozložení režimu. Technicky jde o nastavení modeLayouts.
- V liště nad plátnem klikněte na Nový, Editace nebo Zobrazení (výchozí je Společné).
- U režimu, který ještě vlastní rozložení nemá, klikněte na tlačítko + NEW (resp. + EDIT, + DISPLAY). Návrhář zkopíruje společné rozložení včetně typu zobrazení a šířky.
- Upravujte rozložení režimu nezávisle na ostatních. Tlačítko stylu v horní liště nyní mění i typ zobrazení a šířku jen pro tento režim.
- Vrátit se ke společnému rozložení můžete v nabídce Další možnosti příkazem EDIT → Společné (resp. NEW nebo DISPLAY). Návrhář zobrazí dialog Obnovit sdílené rozložení režimu a vlastní rozložení zahodí.
Kopie je nezávislá: pozdější změny společného rozložení se do vlastního rozložení režimu nepřenášejí. Pole, které ve vlastním rozložení režimu chybí, se v tomto režimu nezobrazí. Pravidla, skripty a tlačítka jsou společné pro všechny režimy a odkazují na záložky a sekce přes jejich ID, které se při kopii zachovávají.
Zobrazení formuláře
Typ zobrazení nastavíte v tlačítku stylu v horní liště návrháře (Typ rozložení v SharePointu). Volby, jejich rozměry a technický klíč jsou popsány v Nastavení formuláře.
- Centrovaný dialog (Karta): formulář je vycentrovaný, šířka do nastaveného maxima.
- Postranní panel (Zprava): formulář vyjede zprava (640 px), kliknutí na pozadí ho zavře.
- Plná šířka: formulář vyplní stránku s nastavenými okraji.
Typ zobrazení se uplatní, jen když se formulář otevře jako samostatná stránka (NewForm.aspx, EditForm.aspx, DispForm.aspx nebo SPListForm.aspx). Když SharePoint otevře formulář ve vlastním panelu nebo dialogu seznamu, vyplní formulář tento panel.
Velké konfigurační okno widgetu
Složitější widgety (Související položky, Související dokumenty, Opakující se tabulka a Historie verzí) mají vedle úzkého inspektoru i prostorné konfigurační okno se záložkami a živým náhledem. Otevřete ho tlačítkem Otevřít podrobné nastavení v okně v inspektoru widgetu, nebo ikonou ozubeného kola Konfigurovat na kartě widgetu na plátně.
Ikona ozubeného kola je u každého pole, nejen u widgetů. U ostatních polí otevře dialog se stejným nastavením jako boční inspektor (obecné, vzhled, viditelnost, nastavení typu pole, výchozí hodnota) a živým náhledem pole. Úpravy se projeví až po kliknutí na Uložit (jeden krok Zpět); Zrušit a tlačítko Zavřít (X) v záhlaví je zahodí.
- Záložky: u Souvisejících položek a dokumentů Zdroj dat a vazba, Sloupce a Řazení a chování; u Opakující se tabulky jeden panel se sloupci tabulky. Jde o stejná nastavení jako v inspektoru, jen přehledněji rozložená.
- Koncept: změny se zapisují až tlačítkem Uložit a tvoří jediný krok Zpět. Zrušit a klávesa Esc změny zahodí.
- Náhled: dole v okně se vykreslí skutečný widget podle rozpracovaného nastavení. V SPFx načítá reálná data seznamu, v lokálním sandboxu data ukázková. Pokud není vybraný zdroj dat nebo chybí připojení k datům, zobrazí se místo náhledu nápověda.
Úzký inspektor funguje beze změny dál; okno je volitelné pohodlí. Widget KPI okno nemá.