Archiwum dla July 31st, 2006

XUL – etykiety i obrazki

Opublikowany przez Ptaszor o July 31, 2006 w kategorii: Artykuły, Firefox, MDC, Mozilla, Ptaszor

Trzecia część kursu języka XUL, w której chciałbym przedstawić Wam kolejne elementy, które możemy dodać do okna dialogowego.

Elementy tekstowe:

Pierwszym nowym elementem będzie etykieta (label), którą stosujemy do opisu poszczególnych elementów naszego okna. Etykietę możemy podzielić na dwa różne elementy:

  • <label> – stosujemy gdy chcemy zawrzeć opis w jednej linii. Wyświetlany tekst nie jest zawijany w oknie.
  • <description> – stosujemy gdy chcemy zawrzeć dłuższy opis, pozwala ona na zawijanie tekstu do nowej linii.

Element <label> (przykład: zobacz, źródło):

<label value="Pierwszy tekst w oknie"/>

gdzie: value – w tym atrybucie określamy tekst do wyświetlenia.

xul

Element <description> (przykład: zobacz, źródło):

<description>
Tekst który zostanie wyświetlony w oknie przykładu.
</description>

xul

Czy widzicie różnice pomiędzy label, a description? Zrzuty wszystko wyjaśniają.

Obrazki:

Aby wstawić obrazek w XUL-u, postępujemy podobnie jak w języku HTML, tylko z tą różnicą, że do zdefiniowania obrazka użyjemy elementu image, zamiast img.

<image src="images/przyklad.jpg"/>

gdzie: src – w tym atrybucie określamy ścieżkę do pliku obrazka.

Do elementu image, możemy także zastosować arkusze stylów CSS.

Zobacz także: