Aangezien we veel bezig zijn met ontwikkelen in Apex kom je zo nu en dan wat functionaliteit tegen, die je moet uitzoeken en wilt delen met andere APEX ontwikkelaars.
Zo ben ik momenteel druk bezig met het onderzoeken van de implementatie van stylesheets in Apex Theme’s en de aanpasbaarheid hiervan per applicatie, pagina of zelfs region.
Voor diegenen die niet hoeven te weten hoe je dit doet in Apex (druk op Lees verder… onderaan als je dit wel wilt weten) zal ik even kort uitleggen wat hiervan de voordelen zijn en hoe Apex hiermee omgaat…
Even kort de inhoud van een Stylesheet:
Een stylesheet bevat voorgedefinieerde opmaken, waarmee het standaardiseren van alle pagina’s op een “website” (ruim begrip) vergemakkelijkt en gecentraliseerd wordt in één file.
Dit betekend, dat je hierin dingen kan vastleggen als je lettertype, lettergrootte, letterkleur, achtergrondkleuren, buttons, logo, e.d.
Als je dit dan combineert in een Thema in Apex met voorgedefinieerde pagina’s e.d. die je logo en menu al bevatten, dan is vormgeving per pagina en applicatie niet meer nodig, maar kan je altijd makkelijk en snel een pagina aanmaken.
Apex gaat hier zelfs zo goed mee om, dat het heel erg eenvoudig is om gewoon een stylesheet te importeren of zelfs gewoon aan te geven vanuit de huidige website van een organisatie. Er hoeft dus niet een speciale webdesigner bij te komen.
Mocht het toch nodig zijn om een deel van je applicatie of pagina anders te laten weergeven, dan kan je de stylesheet “overrulen” door specifieke html (en evt javascript) aan te geven in speciale secties bij een applicatie, pagina of zelfs regio op je pagina.
Al met al fantastisch te integreren en standaardiseren met je huidige website!
En hier dan de beschrijving hoe je dit in Apex aanpakt:
Je kan in apex CSS (e.a.) stylesheets toekennen aan een theme, pagina of zelfs region.
Hier een korte beschrijving hoe je dit doet:
- Ga naar de Application Builder’s “Export Repository”.
- Druk op create en importeer je CSS.
- Maak een nieuw theme aan en voer bij de HTML header hetvolgende regeltje in: (* weglaten)
<*link rel="stylesheet" type="text/css" xhref="stylesheet.css" />
hierbij is “stylesheet.css” de naam van je stylesheet.
Wanneer je nu het thema koppelt en gebruikt in een applicatie, zal de stylesheet gebruikt worden.
Mocht je de stylesheet iets willen aanpassen speciaal voor een pagina o.i.d. dan kan je de stylesheet overriden door in de header de betreffende style onderdelen op te nemen tussen de commands: (* weglaten)
<*style>
<*/style>
Eigenlijk heel simpel dus!
Admin edit: even die walgelijke smilies weggehaald…
