OOUI/Widgets/Icons, Indicators, and Labels/nl

Pictogram- en indicatorwidgets bevatten kleine afbeeldingen (ongeveer zo groot als normale tekst) die efficiënt informatie overbrengen om gebruikers te helpen communiceren met en begrijpen van een interface.

Labels worden ook gebruikt om interfacecomponenten te identificeren. De waarde van een label kan worden ingesteld op een tekenreeks, een labelnode of een functie die ze retourneert.

Pictogrammen
De OOUI-bibliotheek bevat meer dan 100 pictogrammen die door IconWidgets kunnen worden gebruikt om kleine grafische elementen te maken die gebeurtenissen afhandelen. Een  mag zelden zonder label worden gebruikt, hoewel een label kan worden weggelaten als de ruimte beperkt is (bijvoorbeeld in een werkbalk) of als het pictogram wordt gebruikt in een context waarin de betekenis ervan heel duidelijk is voor de gebruiker. Overweeg in deze gevallen het gebruik van een stille  in plaats daarvan (die zelf een label en pictogram kan bevatten).

Als u een  wilt maken, gebruikt u die met een LabelWidget (IconWidget & LabelWidget live demo):



Een  ondersteunt een aantal methoden die kunnen worden gebruikt om gebeurtenissen af te handelen en om de waarde van ingesloten elementen op te halen of in te stellen. retourneert bijvoorbeeld de naam van het pictogram;, dat een symbolische pictogramnaam of een kaart met pictogramnamen per taal gebruikt, stelt het pictogram in; en  stelt de pictogramtitel in. Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie over de.

U moet eerst de gerelateerde stijlen laden voordat u een  maakt, bijvoorbeeld via ResourceLoader. Modules benoemd door masker, bijvoorbeeld   voor check icon. Groepsnamen zijn te vinden in demopagina of in code.

Indicatoren
Indicatoren zijn kleine pictogrammen met zeer beperkte gebruikssituaties:


 * Om te fungeren als het aangeven van elementen binnen widgets op beperkte schermruimte, bijvoorbeeld om een 'duidelijke' actie in een SearchInputWidget aan te geven.
 * Om de functie te verduidelijken van een besturingselement dat op een uitzonderlijke manier werkt (voorbeeldː een vervolgkeuzemenu dat een menu opent in plaats van een actie rechtstreeks uit te voeren).

Een  wordt vaak gebruikt door andere widgets (bijv. Tekstinvoer, vervolgkeuzelijsten, opgemaakte opties). In het volgende voorbeeld gebruikt een  een indicator om te verduidelijken dat het veld ingevuld moet wordenː In the following example, a  uses an indicator to help clarify that the field is required:



The following indicators are included in the OOUI library:

Methoden kunnen worden gebruikt om de indicatortitel (respectievelijk  en  ) in te stellen of op te halen of om de naam van de indicator  op te halen. Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie over de.

Labels
Labels helpen bij het identificeren van de functie van interface-elementen. Elke  kan worden geconfigureerd met een labeloptie die is ingesteld op een tekenreeks, een labelnode of een functie:


 * String: een gewone tekenreeks
 * Label Node: een jQuery selectie van elementen. Een jQuery-selectie wordt gebruikt voor iets anders dan een label met platte tekst, bijvoorbeeld een label met een koppeling of een speciale stijl, zoals een grijze kleur of extra grafische elementen.
 * Function: een functie die in de toekomst een string zal produceren. Functies worden gebruikt in gevallen waarin de labelwaarde nu niet is gedefinieerd. Zie 'Extending the Library' voor meer informatie.

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie over de.