Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky

Článek
03/12/2013

Pomocí návrháře obrazovky můžete změnit vzhled obrazovky v klientem HTML pro aplikaci Visual Studio LightSwitch.Například můžete použít návrháře k provedení následujících úloh.

Pole a příkazy

Přidání skupiny informací na obrazovku
Změna rozložení skupiny.
Přidání tlačítka.
Přidání položky.
Odebrat položku.
Přesunout položku.
Změna zobrazovaného názvu položky.
Změna umístění popisku u položky
Změna velikosti položky.
Zobrazení nebo skrytí položky.
Změna typu ovládacího prvku u položky .
Přidání vlastního ovládacího prvku na obrazovku
Zrušit změny.

Sběr dat

Změní nastavení toho, zda kolekce zobrazí data při prvním načtení obrazovky..
Povolit nebo zakázat stránkování
Povolit nebo zakázat řazení
Povolit nebo zakázat hledání.

Přidání skupiny informací na obrazovku

V Stromu obsahu obrazovky, vyberte uzel, do kterého chcete přidat skupinu informace.
Na Návrhář obrazovky panelu nástrojů otevřít Přidat položku rozložení seznam a pak zvolte skupiny.

Zobrazí se nová skupina.
V Vlastnosti okno, v jméno text zadejte název pro skupinu.
V Stromu obsahu obrazovky, novou skupinu, zvolte Otevřít Přidat seznamu a pak vyberte položky, které chcete zobrazit ve skupině.

Změna rozložení skupiny

V Stromu obsahu obrazovky, otevřete seznam skupiny, který chcete změnit.

V seznamu jsou uvedeny všechny typy ovládacích prvků, které jsou k dispozici pro skupinu.
V seznamu zvolte typ ovládacího prvku.

Zvolený typ ovládacího prvku ovlivňuje rozložení skupiny.Další informace o jednotlivých typech ovládacích prvků naleznete v tématu Reference: Obrazovka návrháře.

Přidání tlačítka

V Stromu obsahu obrazovky, vyberte uzel, kde chcete zobrazit tlačítko.
Na Návrhář obrazovky nástrojů, zvolte Přidat položku rozloženía pak zvolte tlačítko.

Zobrazí se dialogové okno Přidat tlačítko.

Přidání položky

V Seznam členů obrazovky z Návrhář obrazovky, přetáhněte položku (například pole nebo příkazu) do příslušného umístění v Stromu obsahu obrazovky.

Při přetažení položky, ukazatel myši označuje, zda můžete přesunout položku do daného umístění.Je-li ukazatel myši změní na kruh lomítko přes něj, nemůže umístit položky v tomto umístění.

Chcete-li zobrazit informace o tom, jak přidat vlastní pole na obrazovce, viz Postupy: Přidání místní vlastnosti na obrazovku HTML.

Odebrání položky

V Stromu obsahu obrazovky, zvolte položku (například pole nebo příkazu), který chcete odebrat.
Na Návrhář obrazovky nástrojů, zvolte Odstranit tlačítko.

Přesunutí položky

V Stromu obsahu obrazovky, přetáhněte položku (například pole nebo příkazu) jiné umístění.

Například přetáhněte PostalCode pole tak, aby se v rámci Country pole nebo přetáhněte Upravit tlačítko tak, aby se přes Odstranit tlačítko.

[!POZNÁMKA]

Tažení pole ukazatel myši označuje, zda lze přesunout položku do daného umístění.Je-li ukazatel myši změní na kruh lomítko přes něj, nelze přesunout položku do tohoto umístění.

Změna zobrazovaného názvu položky

V Stromu obsahu obrazovky, zvolte položku (například pole nebo příkazu).
V Vlastnosti okno v textovém poli pod položkou Zobrazované jméno, zadejte jiný název pro položku.

Je-li změnit zobrazovaný název položky, změnit pouze název, který se zobrazí na obrazovce.Name Vlastnost položky zůstala stejná.

Změna umístění popisku u položky

V Stromu obsahu obrazovky, vyberte pole.

V Vlastnosti okna, otevřete seznam v části Umístění popiskůa potom zvolte požadované umístění.

Následující tabulka popisuje každou možnost.

Umístění popisků	Description
Zarovnání vlevo	Popisek se zobrazí po levé straně ovládacího prvku.
Zarovnat doprava	Popisek se zobrazí po pravé straně ovládacího prvku.
Nahoru	Popisek se zobrazí nad ovládacím prvkem.
Skryté	Pro ovládací prvek se zobrazí bez popisku.
Žádná	Bez popisku se zobrazí pro ovládací prvek a je zarovnán, kde by byl popisek.

Změna velikosti položky

V Stromu obsahu obrazovky, zvolte položku (například pole nebo příkazu).
V Vlastnosti okno, v oblasti pro změnu velikosti, zvolte jinou velikost pro šířku a výšku ovládacího prvku.

[!POZNÁMKA]

Některé ovládací prvky nepodporují vlastnosti výška.

Informace o jednotlivých nastaveních naleznete v tématu Reference: Obrazovka návrháře.

Zobrazení nebo skrytí položky

V Stromu obsahu obrazovky, zvolte položku (například pole nebo příkazu).
V Vlastnosti okna, zaškrtněte nebo zrušte zaškrtnutí políčka u Je viditelné vlastnost.

[!POZNÁMKA]

Popis (není zobrazeno) se zobrazí v Návrháři vedle položek, které nejsou viditelné, když je aplikace spuštěna.

Změna typu ovládacího prvku u položky

V Stromu obsahu obrazovky, otevřete seznam vedle položky a pak zvolte požadovaný typ ovládacího prvku.

Jsou součástí většiny typů ovládací prvek.Typ ovládacího prvku lze také nastavit na vlastní ovládací prvek, který vytvoříte pomocí dalších nástrojů.Další informace naleznete v tématu Postupy: Přidání vlastního ovládacího prvku na obrazovku HTML pro aplikaci LightSwitch.

Přidání vlastního ovládacího prvku na obrazovku

V Stromu obsahu obrazovky, zvolte libovolnou skupinu.
Na Návrhář obrazovky panelu nástrojů otevřít Přidat položku rozložení seznam a pak zvolte Vlastní ovládací prvek.

Další informace naleznete v tématu Postupy: Přidání vlastního ovládacího prvku na obrazovku HTML pro aplikaci LightSwitch.

Zrušení změn

V řádku nabídek zvolte Upravit, zpět.

Tip

Pokud omylem zpět úpravy v Návrhář obrazovky, v řádku nabídek zvolte Upravit, znovu.

Změna nastavení toho, zda kolekce zobrazí data při prvním načtení obrazovky

V Seznam členů obrazovky z Návrhář obrazovky, vyberte nadřazený uzel kolekce (například OrderCollection záhlaví).
Jestliže nechcete, aby se v kolekci zobrazila data, když se zobrazí obrazovka, zrušte v okně Vlastnosti zaškrtnutí políčka Automaticky spouštět dotaz.Jestliže chcete, aby se v kolekci zobrazila data, když se zobrazí obrazovka, zaškrtněte políčko Automaticky spouštět dotaz.

Povolení nebo zakázání stránkování

V Seznam členů obrazovky z Návrhář obrazovky, vyberte nadřazený uzel kolekce (například OrderCollection záhlaví).
V Vlastnosti okno vymazat podporují stránkování políčko, pokud chcete zobrazit všechny řádky, které vrátí dotaz, i v případě, že je velká kolekce řádků.Zaškrtněte políčko, chcete-li omezit počet záznamů, které se zobrazí a potom zadejte počet položek, které chcete zobrazit na každé stránce.

[!POZNÁMKA]

Uživatelé mohou zobrazit jednotlivé stránky výsledků výběrem odkazu v dialogovém okně.

Povolení nebo zakázání řazení

V Seznam členů obrazovky z Návrhář obrazovky, vyberte nadřazený uzel kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zaškrtněte nebo zrušte podporují řazení políčko.

Povolit nebo zakázat hledání

V Seznam členů obrazovky z Návrhář obrazovky, vyberte nadřazený uzel kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zaškrtněte nebo zrušte Odborná políčko.

Pokud vyberete zaškrtávací pole vyhledávacího pole se zobrazí nad kolekce.

Viz také

Sdílet prostřednictvím