CMS Alert en CMS Confirm gebruiken
Met CMS Alert en CMS Confirm kun je meldingen en bevestigingsvragen rechtstreeks weergeven via de bluetronix JavaScript-functies. De dialoogvensters passen zich visueel aan het ontwerp aan en zijn bedoeld voor gebruik van de website binnen een individuele iOS- of Android-app.
CMS Alert en CMS Confirm
Het bluetronix CMS biedt eigen JavaScript-dialoogvensters voor meldingen en bevestigingsvragen.
Je kunt hiermee in plaats van de normale JavaScript-dialoogvensters van de browser eigen CMS-dialoogvensters gebruiken. Deze passen zich visueel aan het ontwerp van je website aan en zijn ook bedoeld voor gebruik binnen een individuele iOS- of Android-app.
Waarom zijn er eigen CMS-dialoogvensters?
Een website die met het bluetronix CMS is gemaakt, kan niet alleen rechtstreeks in de browser worden geopend. Bijvoorbeeld, een klantenportaal kan ook binnen een individuele app voor iOS of Android worden gebruikt.
Normale JavaScript-alerts zijn voor dit doel niet geschikt, omdat ze binnen de bluetronix-app niet correct weergegeven zouden worden.
Het bluetronix CMS heeft daarom eigen dialoogfuncties. Deze worden rechtstreeks via JavaScript op de website opgeroepen en zijn tegelijkertijd bedoeld voor verwerking binnen de app.
Als een website later binnen een individuele bluetronix-app moet worden gebruikt, moet je voor meldingen en bevestigingen de CMS-eigen dialoogvensters gebruiken.
Testpagina voor CMS Alert en CMS Confirm aanmaken
Voor de test kun je een HTML-pagina aanmaken en daar eerst de twee links voor CMS Alert en CMS Confirm toevoegen.
<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>
<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>Sla de HTML-pagina op en open deze vervolgens. Op de pagina staan nu de twee links cms alert en cms confirm tot je beschikking.
CMS Alert oproepen
Voor een eenvoudige melding gebruik je in ons voorbeeld de volgende aanroep:
<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>Als je op cms alert klikt, wordt de CMS-eigen alert geopend. Binnen de dialoog verschijnt de meegegeven tekst my alert text.
CMS Alert en normale browser-alert vergelijken
Het testvoorbeeld bevat daarnaast de normale JavaScript-aanroep alert(5);.
alert(5);Hierdoor kun je direct zien hoe een normale browser-alert wordt weergegeven en hoe deze verschilt van de CMS Alert.
De normale JavaScript-alert wordt door de browser weergegeven. Het uiterlijk wordt daardoor niet bepaald door het ontwerp van je website.
De CMS Alert wordt daarentegen weergegeven in overeenstemming met het ontwerp van de website en voegt zich daardoor veel beter in het bestaande lay-out.
CMS Confirm oproepen
Naast een eenvoudige melding kun je ook een bevestigingsvraag gebruiken.
Voor ons voorbeeld wordt de volgende code gebruikt:
<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>Als je op cms confirm klikt, wordt de CMS-eigen bevestigingsvraag geopend. Als tekst wordt in dit voorbeeld my confirm text weergegeven.
JavaScript na bevestiging uitvoeren
Bij CMS Confirm kan bovendien JavaScript worden doorgegeven dat na de desbetreffende bevestiging wordt uitgevoerd.
In onze test gebruiken we daarvoor:
alert(7);Hierdoor wordt vervolgens de normale browser-alert met de waarde 7 aangeroepen. Voor deze tutorial kun je zo eenvoudig zien dat de meegegeven JavaScript-opdracht is uitgevoerd.
Waarom niet de normale JavaScript-alert gebruiken?
Het verschil betreft niet alleen het ontwerp. De CMS-eigen dialogen zijn ook bedoeld voor websites die binnen een individuele bluetronix-app voor iOS of Android worden gebruikt.
Een klantenportaal kan daardoor bijvoorbeeld zowel via een normale browser als binnen een individuele app worden geopend. Voor meldingen en bevestigingsvragen kan op de website verder de daarvoor bestemde bluetronix-functie worden gebruikt.
Hiermee krijg je een uniforme oplossing voor de weergave van dergelijke dialogen binnen de website en voor gebruik binnen een bijbehorende app.
Passende weergave voor het ontwerp
Een ander voordeel van de CMS-eigen dialogen is de weergave passend bij het gebruikte ontwerp.
Een normale browser-alert wordt door de betreffende browser opgelegd en lijkt daardoor als een apart browservenster. De CMS Alert of CMS Confirm wordt daarentegen weergegeven in overeenstemming met het ontwerp van de website.
Juist bij klantenportalen en webtoepassingen lijkt de dialoog daardoor een onderdeel van de eigenlijke applicatie.
CMS Alert en CMS Confirm in overzicht
Voor een eenvoudige melding kun je bijvoorbeeld de volgende CMS Alert gebruiken:
<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>Voor een bevestigingsvraag kun je bijvoorbeeld de volgende CMS Confirm gebruiken:
<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>Beide varianten maken gebruik van de functie BlueAlert(). Via de doorgegeven parameters wordt de desbetreffende dialoog aangestuurd.
Samenvatting
Met CMS Alert en CMS Confirm biedt het bluetronix CMS eigen dialogen voor meldingen en bevestigingsvragen.
De dialogen passen visueel bij het lay-out van de website en zijn bedoeld voor gebruik binnen een individuele iOS- of Android-app. Daarom moet je bij desbetreffende projecten de CMS-eigen dialogen in plaats van de normale JavaScript-dialogen gebruiken.
FAQ
wat klanten ons vaak vragen
Wat is een CMS Alert?
Een CMS Alert is een eigen melding van het bluetronix CMS. Het kan worden gebruikt in plaats van een normale JavaScript-alert en wordt aangepast aan de lay-out van de website.
Wat is het verschil tussen CMS Alert en CMS Confirm?
Een CMS Alert dient voor het weergeven van een melding of informatie. CMS Confirm kan worden gebruikt wanneer de gebruiker een actie moet bevestigen.
Waarom zou ik niet gewoon alert() gebruiken?
Een normale JavaScript-alert wordt door de browser weergegeven en past daarom visueel niet automatisch bij de lay-out van jouw website. Bovendien zijn de CMS-eigen dialogen bedoeld voor gebruik binnen een individuele bluetronix iOS- of Android-app.
Hoe roep ik een CMS Alert op?
De CMS Alert wordt opgeroepen via de JavaScript-functie BlueAlert(). De benodigde waarden worden als parameters aan de functie doorgegeven.
Kan ik na een bevestiging JavaScript uitvoeren?
Ja. In het getoonde CMS Confirm-voorbeeld wordt alert(7); als JavaScript-instructie doorgegeven en na de overeenkomstige bevestiging uitgevoerd.
Kan ik CMS Alert en CMS Confirm binnen een app gebruiken?
De CMS-eigen dialogen zijn juist voor deze toepassingsgevallen bedoeld. Als een bluetronix-website of een klantenportaal binnen een individuele iOS- of Android-app wordt gebruikt, kunnen de daarvoor bestemde signalen door de app worden verwerkt.
Passen de CMS-dialogen zich aan de lay-out aan?
Ja. De CMS-eigen meldingen worden aangepast aan de gebruikte lay-out en lijken daardoor meer op een onderdeel van de eigenlijke website of webapplicatie.