Cóż...

Umożliwia umieszczenie wielu widoków w obrębie tła o określonym stylu.

Właściwości konfiguracyjne

W obszarze Konfiguracja można ustawić lub zmodyfikować właściwości wyglądu widoku.

Wielkość ekranu: Właściwość konfiguracyjna, na której znajduje się ikona Rozmiarów ekranu obok nazwy właściwości, może mieć różne wartości dla każdej wielkości ekranu. Jeśli nie zostanie ustawiona wartość, wielkość ekranu dziedziczy wartość następnej większej wielkości ekranu jako swoją wartość domyślną.

Definicje kompozycji: Definicje kompozycji służą do podawania kolorów i stylów widoku oraz do określania jego wyglądu. W edytorze kompozycji można wyświetlić podgląd wyglądu i zachowania widoku. Patrz Kompozycje.

Właściwości konfiguracyjne wyglądu elementu Źródło znajdują się w poniższej tabeli:

Tabela 1. Właściwości konfiguracyjne wyglądu elementu Źródło
Właściwość konfiguracyjna wyglądu	Opis	Typ danych
Styl koloru	Służy do podawania stylu koloru widoku. Kolory odpowiadają zmiennym w podanej kompozycji.	`TooltipColorStyle`
Ciemność koloru	Określa ciemność wybranego koloru: Brak, Ciemnylub Darker. Wartością domyślną ciemności koloru jest Brak.	`String`
Ikona	Służy do podawania nazwy ikony powiadomienia. Na przykład: `calendar`, `clock-o`, `camera`, `cloud-upload`, `bell`, `info`, `file-text`. Pełna lista ikon znajduje się w sekcji Czcionka Awesome V4.7.0 . Domyślnie nazwa ikony nie jest podawana.	`String`
Wielkość ikony	Służy do podawania wielkości ikony, która jest wyrażana w pikselach (px) lub w firetach (em). Na przykład: `43px` lub `30em`. Jeśli liczba zostanie podana bez jednostki, będzie interpretowana jako liczba pikseli.	`String`
Pozycja ikony	Służy do podawania pozycji ikony w widoku Źródło: U dołu, po prawej, U dołu, po lewej, U góry, po prawej lub U góry, po lewej.	`String`
Wyrównanie pionowe	Służy do podawania wyrównania w pionie widoków podrzędnych: Do góry, Wyśrodkuj lub Do dołu. Wartością domyślną wyrównania w pionie jest Do góry.	`String`
Dopełnianie	Służy do określenia dopełniania, które jest wyrażane w pikselach (px), jako wartość procentowa (%) lub w firetach (em). Na przykład: `25px` lub `10em`. Jeśli liczba zostanie podana bez jednostki, będzie interpretowana jako liczba pikseli. Domyślnie dopełnianie nie jest określane.	`String`
Promień ramki	Służy do podawania promienia krzywizny narożników źródła, który jest wyrażany w pikselach (px), jako wartość procentowa (%) lub w firetach (em). Na przykład: `15px` lub `1em`. Jeśli liczba zostanie podana bez jednostki, będzie interpretowana jako liczba pikseli. Domyślnie promień zaokrąglenia krawędzi nie jest podawany.	`String`
Szerokość	Służy do podawania szerokości źródła, która jest wyrażana w pikselach (px), jako wartość procentowa (%) lub w firetach (em). Na przykład: `800px` lub `80%` lub `50em`. Jeśli liczba zostanie podana bez jednostki, będzie interpretowana jako liczba pikseli. Domyślnie szerokość nie jest podawana.	`String`
Wysokość	Służy do podawania wysokości źródła, która jest wyrażana w pikselach (px) lub w firetach (em). Na przykład: `300px` lub `20em`. Jeśli liczba zostanie podana bez jednostki, będzie interpretowana jako liczba pikseli. Domyślnie wysokość nie jest podawana.	`String`

Przykład

W tym przykładzie widok Tekst znajduje się wewnątrz widoku Źródło, który ma ustawione następujące właściwości konfiguracyjne wyglądu:

Opcja Styl kolorów jest ustawiona na wartość Warning.
Ikona jest ustawiona na wartość gear.
Opcja Wielkość ikony jest ustawiona na wartość 300px.
Opcja Pozycja ikony jest ustawiona na wartość Bottom-Right.
Promień ramki jest ustawiony na wartość 20.
Wysokość jest ustawiony na wartość 300px

Pozostałe właściwości mają ustawienia domyślne.

Te właściwości i ich wartości spowodują wyświetlenie żółtego kontenera Źródło o wysokości 300 px, z zaokrąglonymi krawędziami i z widokiem Tekst umieszczonym u góry. W prawym dolnym rogu widoku Źródło zostanie wyświetlona 300-pikselowa ikona koła zębatego.

Zdarzenia

We właściwościach Zdarzenia można ustawiać i modyfikować procedury obsługi zdarzeń widoku. Zdarzenia mogą być uruchamiane w sposób programowy lub w wyniku interakcji użytkownika z widokiem. Informacje na temat definiowania zdarzeń i kodu zdarzeń zawiera sekcja Zdarzenia zdefiniowane przez użytkownika. W widoku Well dostępne są następujące typy procedur obsługi zdarzeń:

On load: aktywowano podczas ładowania strony.
On click: Aktywacja po kliknięciu przycisku Dobrze.

metody

Szczegółowe informacje na temat dostępnych metod można znaleźć w sekcji Well JavaScript API.

Zasoby dodatkowe

Więcej informacji na temat sposobu tworzenia formatki lub strony zawiera sekcja Budowanie formatek.
Informacje na temat standardowych właściwości (Ogólne, Konfiguracja, Pozycjonowanie, Widocznośći Atrybuty HTML) można znaleźć w sekcji Właściwości widoku.