Context Menu

Rechtsklik ergens op deze pagina om het aangepaste contextmenu te zien. Je kunt ook specifieke opties toevoegen aan elementen op de pagina.

Rechtsklik hier in dit vak voor specifieke opties
<!-- Vereist 1x per pagina om de basis functionaliteit in te schakelen --> <sol-contextmenu></sol-contextmenu> <!-- Om specifieke acties toe te voegen aan een gebied --> <div> Rechtsklik op mij <sol-context-options label="Mijn Menu"> <sol-item label="Actie" action="js(console.log('Test'))"></sol-item> <sol-item label="Optie" disabled></sol-item> <sol-divider></sol-divider> <sol-item label="PHP Functie" action="php(do_something())"></sol-item> </sol-context-options> </div>

API Referentie

Element / Attribuut Beschrijving
<sol-contextmenu> Plaats deze tag 1x in je document (bijv. vlak voor </body>) om het Solora contextmenu globaal te activeren (tekst kopiëren, links openen, etc).
<sol-context-options> Plaats deze binnenin een element om eigen items toe te voegen wanneer men specifiek in dat element rechtsklikt. Met attribuut label="..." geef je de groep een naam.
<sol-item> Een actie-knop in je menu. Attributen: label="..." (tekst) en action="..." (wat er moet gebeuren). Optioneel: disabled of readonly.
action="js(...)" Voert pure JavaScript uit op de huidige pagina.
action="php(...)" Voert een netwerkverzoek (POST) uit om een PHP hook aan te spreken (gebruikt X-Solora-PHP-Action header).
<sol-divider> Voegt een horizontale lijn toe.