Primjeri dizajna elementa izbornika
Dizajn i izgled elemenata izbornika formatirate pomoću HTML-a i oznaka rezervacije mjesta.
Jednostavan dizajn izbornika
Ovaj primjer prikazuje osnovnu strukturu dizajna elementa, koju se koristi u izborniku za formatiranje podataka pretraživanja. Možete unijeti sljedeće oznake u odjeljak Dizajn za svaki rezultat pretraživanja izbornika elementa izbornika.
| Dizajn | Detalji |
|---|---|
|
Umjesto URL-a koristite href mjesta. |
|
Umjesto teksta, umetnite naslov rezervacije mjesta. |
Ovo se ponavlja za svaku vezu koju vrati upit pretraživanja, koji je definiran u elementu izbornika. Također možete koristiti TitleLink oznaku:
| Dizajn | detalji |
|---|---|
|
Ovaj kod daje isti rezultat kao i prethodni primjer. |
Kada kreirate izbornike koji se koriste kod prikaza portleta, oznaka URLCmpnt se koristi za kreiranje veze umjesto znaka rezervacije mjesta.
<a HREF= "[URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap">" target="_blank"> [Property context="autofill" type="content" field="title"] </a> <br>
Upotreba izbornika za prikaz slika
Da bi prikazali slike u izborniku umjesto teksta, zamijenite rezervaciju mjesta s referencom na element slike izabran iz sadržaja ili područja sjedišta.
| Dizajn | Detalji |
|---|---|
|
Umjesto URL-a koristite href mjesta. U dizajn izbornika se umeće URL stavke izbornika u prikazanom izborniku. |
|
Umjesto imena rezervacije mjesta, (kao u prethodnom primjeru),
umetnite oznaku elementa. Tip izvora može biti sadržaj ili
područje sjedišta. Kontekst je autofill. U ovom primjeru, polje koje se referencira je "Image". Područja sjedišta ili sadržaj koji se vraća mora također sadržavati element slike s nazivom "Image". Slike koje spremate u područje sjedišta ili sadržaj može se razlikovati, ali svi moraju imati istu oznaku. |
Dodavanje elementa navigacije stranicom u dizajn izbornika
Da dodate navigacijske kontrole u izbornik, trebate dodati referencu za element navigacije stranice bilo u zaglavlje ili donje zaglavlje.
- Zaglavlje
- <div>
- Rezultati izbornika
Tablica 4. Dizajn za svaki rezultat pretraživanja izbornika. Ovaj dizajn kreira novi red tablice za svaku stavku navedenu u izborniku. Dizajn Detalji <span> <a href=" [placeholder tag="href" ] ">Umjesto URL, ovdje umetnite URL rezervaciju mjesta. U dizajn izbornika se umeće URL stavke izbornika u prikazanom izborniku. [placeholder tag="name" ] </a><br> </span>Umjesto teksta, umetnite ime rezervacije mjesta. - Donje zaglavlje
Tablica 5. Donje zaglavlje Dizajn Detalji <span> [component name= "pagenav" ] </span> </div>Dodajte referencu na prethodno kreirani element navigacije stranicom da bi dodali funkcije navigacije dizajnu izbornika. U ovom primjeru, element navigacije stranicom se referencira iz komponente navigacije stranicom koja se zove "pagenav".