product icon

InstantChat.css Klassen en Stijlen

    Artikelen met betrekking tot maatwerk zijn geschreven voor een technisch publiek dat ervaring heeft met webontwikkeling. Kennis van HTML, CSS en JavaScript is vereist.

    Om stijlen te wijzigen, kopieert u het standaard CSS-bestand naar uw publieke directory op uw webserver en bewerkt u de stijlspecificaties zoals vereist.

    Opmerking: Beeldbronnen voor self-hosted Instant Chat zijn beschikbaar als download in een enkel gecomprimeerd bestand.
    nr. Stijlnaam Type Beschrijving of voorkomen
    1 ic_htmlbody

    Het element van de pagina (Instant Chat wordt uitgevoerd in een Iframe).

    2 ic_bodyarea De indeling van het aangepaste venster dat het venster Instant Chat bevat.
    3 ic_shadow Stelt de schaduw in van het aangepaste venster dat het venster Instant Chat bevat. De schaduw verschijnt terwijl het Instant Chat-venster wordt geladen.
    4 ic_loader_animation De animatie die wordt afgespeeld terwijl het Instant Chat-venster wordt geladen.
    5 ic_maincontentarea De indeling van het venster Instant Chat.
    6 ic_statusicon_waiting

    Het icoon van de klant terwijl hij wacht op een technicus.

    .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht.


    7 ic_statusicon_chat Het icoontje van de technicus die met de klant aan het chatten is.
    8 ic_statusicon_rc Het pictogram van de technicus die de computer van de klant op afstand bedient.
    9 ic_statusicon_disconnect Het pictogram van de technicus wanneer de verbinding met de Rescue sessie wordt verbroken.
    10 ic_statusicon_hold Het pictogram van de technicus wanneer de klant in de wacht wordt gezet.
    11 ic_statusicon_transfer Het pictogram van de technicus terwijl de sessie van de klant bezig is, wordt doorgegeven aan een andere technicus.
    12 ic_statusicon_typing Het pictogram van de technicus die een bericht aan de klant typt.
    13 ic_statustext De lay-out van het tekstgebied dat de klant informeert over zijn status en die van de technicus. Bijvoorbeeld, U bent aan het chatten met John Doe.
    14 ic_windowtitle_container Het titel tekstgebied van het Instant Chat venster.
    15 ic_windowtitle De titel van het venster Instant Chat.
    16 ic_fontchange_small Het pictogram dat de klant gebruikt om over te schakelen naar kleine lettertypes.
    17 ic_fontchange_small_border De rand van het kleine lettertype-pictogram.
    18 ic_fontchange_medium Het pictogram dat de klant gebruikt om over te schakelen op middelgrote lettertypes.
    19 ic_fontchange_medium_border De rand van het middelgrote lettertype-pictogram.
    20 ic_fontchange_large Het pictogram dat de klant gebruikt om over te schakelen op grote lettertypes.
    21 ic_fontchange_large_border De rand van het pictogram met het grote lettertype.
    22 ic_chatlog De indeling van het chatlog-deelvenster met kleine lettergrootte, dat het bovenste deel van het Instant Chat-venster vormt.
    23 ic_chatlog_big De lay-out van het chatlog-venster met kleine lettergrootte wanneer het berichtenvenster niet beschikbaar is.
    24 ic_chatlog_medium De lay-out van het chatlog-venster met gemiddelde lettergrootte.
    25 ic_chatlog_medium_big De lay-out van het chatlog-venster met gemiddelde lettergrootte wanneer het berichtenvenster niet beschikbaar is.
    26 ic_chatlog_large De indeling van het chatlog-venster met grote lettergrootte.
    27 ic_chatlog_large_big De lay-out van het chatlog-venster met grote lettergrootte wanneer het berichtenvenster niet beschikbaar is.
    28 ic_text_chatline De tekst van chatregels in het chatlogvenster.
    Opmerking: Gebruik .ic_text_chatline_tc en .ic_text_chatline_client in plaats van .ic_text_chatline om onderscheid te maken tussen de stijl van chatlijnen voor klanten en technici.
    29 ic_text_chattable De tabel die de tijdstempel en de naam bevat van de partij die het chatbericht heeft verzonden.
    Opmerking: De Instant Chat engine omvat weergave: inline-block om ervoor te zorgen dat Instant Chat op Safari draait.
    30 ic_text_chattable_tr De tabelrij die de tijdstempel en de naam bevat van de partij die het chatbericht heeft verzonden. Het is in wezen hetzelfde als ic_text_chattable.
    31 ic_text_chattable_td1 De opmaak van het tijdstempel van chatberichten.
    32 ic_text_chattable_td2_client De opmaak van de naam van de klant op het chatlog-venster.
    33 ic_text_chattable_td2_tc De opmaak van de naam van de technicus op het chatlog-venster.
    34 ic_text_chatcontent De opmaak van het chatbericht.
    35 ic_control_chatline Een regel in het chatlog-venster met de tijdstempel, de naam van de afzender en het chatbericht.
    36 ic_control_chattime De opmaak van het tijdstempel van systeemberichten in het chatlog-deelvenster.
    37 ic_control_chatcontent De opmaak van systeemberichten in het chatlog-deelvenster.
    38 ic_link_chatcontent De opmaak van links in systeemberichten in het chatlog-deelvenster.
    39 ic_linkhover_chatcontent De opmaak van links in systeemberichten in het chatlogvenster wanneer de klant met de muis over de link gaat.
    40 ic_complementer Het gebied van het grote chatlog-venster dat wordt gereserveerd voor het berichtenvenster wanneer dat is ingeschakeld.
    41 ic_chatdisconnected Het berichtenvenster van het Instant Chat-venster wanneer de verbinding met de klant wordt verbroken.
    42 ic_filesend_button De knop Bestand versturen.
    43 ic_filesend_button_hover De knop Bestand versturen wanneer de klant de muis over de knop beweegt.
    44 ic_filesend_button_pressed De knop Bestand versturen wanneer de klant erop klikt.
    45 ic_filesend_button_disabled De knop Bestand versturen wanneer deze is uitgeschakeld.
    46 ic_disconnect_button De Verbreken toets.
    47 ic_disconnect_button_hover De Verbreken knop wanneer de klant met de muis over de knop gaat.
    48 ic_disconnect_button_pressed De Verbreken knop wanneer de klant erop klikt.
    49 ic_disconnect_button_disabled De knop Verbreken wanneer deze is uitgeschakeld.
    50 ic_send_button De Verzenden knop.
    51 ic_send_button_hover De Verzenden knop wanneer de klant de muis over de knop beweegt.
    52 ic_send_button_pressed De Verzenden knop wanneer de klant erop klikt.
    53 ic_send_button_disabled De Verzenden knop wanneer deze is uitgeschakeld.
    54 ic_lang_container De vervolgkeuzelijst voor de taalkeuze.
    55 ic_lang_menuitem Items op de taal drop-down lijst.
    56 ic_lang_menuitem_hover Een item op de taal drop-down lijst wanneer de klant de muisaanwijzer dat menu-item.
    57 ic_lang_menuitem_selected Het item in de vervolgkeuzelijst Taal dat momenteel is geselecteerd.
    58 ic_lang_select De taalkeuzebesturing.
    59 ic_lang_select_text De tekst in de taalkeuzebesturing.
    60 ic_lang_select_text_tr De tekst in de taalkeuzebesturing.
    61 ic_lang_select_text_td De tekst in de taalkeuzebesturing.
    62 ic_lang_select_arrowimg De pijltoets van de taalkeuzebesturing.
    63% ic_chattext

    Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant in klein lettertype typt.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    64 ic_chattext_first

    Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
    65 ic_chattext_medium

    Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant typt in medium lettergrootte.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    66 ic_chattext_medium_first

    Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
    67 ic_chattext_large

    Het tekstgebied van het berichtenvenster in het venster Instant Chat wanneer de klant typt in groot lettertype.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    68 ic_chattext_large_first

    Het tekstgebied van het berichtenvenster in het venster Instant Chat voordat de klant begint te typen.


    Opmerking: De Instant Chat-engine ondersteunt de volgende webbrowsers:
    • -webkit-uiterlijk: geen zorgt ervoor dat Instant Chat draait op Safari (bijvoorbeeld voor iPhone).
    • overflow: verborgen zorgt ervoor dat Instant Chat draait op Opera.
    Tip: Om de chatbox leeg te laten: oLangChatModeArray["TYPE_HERE"] = "";
    69 ic_custom_logo Het logo van het bedrijf van de technicus.
    70 ic_custom_icon Het icoon van het bedrijf van de technicus.
    71 ic_dialog_box Het chatlog-dialoogvenster dat u kunt oproepen door op CTRL-ALT-L te drukken.
    72 ic_dialog_box_textarea Het tekstgebied van het chatlog-dialoogvenster.
    73 ic_dialog_box_button1 De Kopiëren naar klembord knop van het chatlog dialoogvenster.
    74 ic_dialog_box_button2 De knop Annuleren als de chatlog dialoog.
    75 ic_progressbars De voortgangsbalken tijdens het verzenden of ontvangen van een bestand.
    76 ic_progressbars_chatbottom De onderkant van het chatlog-venster wanneer de voortgangsbalken actief zijn.
    77 ic_progressbar_instance De indeling van de afzonderlijke voortgangsbalken.
    78 ic_progressbar_inner De voortgangsindicator van de voortgangsbalk.
    79 ic_progressbar_title Het label van de voortgangsbalk.
    80 ic_progressbar_cancelbutton De annuleertoetsen rechts van de voortgangsbalken.
    81 ic_progressbar_cancelbutton_hover De annuleerknoppen rechts van de voortgangsbalken wanneer de klant met de muis over de knoppen gaat.
    82 ic_progressbar_cancelbutton_pressed De annuleerknoppen rechts van de voortgangsbalken wanneer de klant op de knoppen klikt.
    83 ic_progressbar_cancelbutton_disabled De annuleertoetsen rechts van de voortgangsbalken wanneer de toetsen zijn uitgeschakeld.

    De stijlen 84-88 zijn niet zichtbaar in de standaardinterface van Instant Chat. Items 84 en hoger zijn beschikbaar in de laatste versie van InstantChat.css:

    nr. Stijlnaam Type Beschrijving of voorkomen
    84 ic_technicianname Toont de naam van de technicus.
    85 ic_sessionend_button Toont een knop waarop de klant kan klikken om de sessie te beëindigen.
    86 ic_sessionend_button_hover De knop voor het beëindigen van de sessie wanneer de klant met de muis over de knop gaat.
    87 ic_sessionend_button_pressed De knop om de sessie te beëindigen wanneer de klant op de knop klikt.
    88 ic_sessionend_button_disabled De knop sessie beëindigen wanneer de knop is uitgeschakeld.

    De stijlen 89-127 worden toegepast op systeemberichten. Standaard worden alle systeemberichten aan de klant meegedeeld in het Chatlog. Om te voorkomen dat een bericht wordt weergegeven, wijzigt u weergave: block; naar display: geen;

    Voor een volledige beschrijving van elke klasse, zie Verband tussen ic_control-klassen en taalknooppunten.

    nr. Stijlnaam Type Beschrijving of voorkomen
    89 ic_control_chatline_CLIENT_CONNECTING Het systeembericht wanneer de klant verbinding maakt met de technicus.
    90 ic_control_chatline_CLIENT_CONNECTED Het systeembericht dat bevestigt dat de klant met de technicus is verbonden.
    91 ic_control_chatline_CLIENT_END Het systeembericht dat bevestigt dat de klant de sessie heeft beëindigd.
    92 ic_control_chatline_CLIENT_DISCONNECTED Het systeembericht dat bevestigt dat de verbinding met de klant van de sessie is verbroken.
    93 ic_control_chatline_CLIENT_CANNOTSTART Het systeembericht dat bevestigt dat de klant om een of andere reden geen sessie kan starten. Voor informatie over de mogelijke fouten, zie Verband tussen ic_control-klassen en taalknooppunten.
    94 ic_control_chatline_CLIENT_TIMEOUT Dit systeembericht is niet in gebruik.
    95 ic_control_chatline_CLIENT_REQUESTSENTFILE Het systeembericht dat bevestigt dat een verzoek is verzonden naar de Applet om het Bladeren dialoogvenster te openen.
    96 ic_control_chatline_CLIENT_ REQUESTSENTCANCELFILE Het systeembericht dat bevestigt dat een verzoek naar de applet wordt gestuurd om te stoppen met het verzenden van een bestand.
    97 ic_control_chatline_TC_CONNECTED Het systeembericht dat bevestigt dat verbinding tot stand is gebracht met een specifieke Technician Console.
    98 ic_control_chatline_TC_HOLD Het systeembericht dat bevestigt dat de technicus de sessie in de wacht heeft gezet.
    99 ic_control_chatline_TC_TRANSFER Het systeembericht dat bevestigt dat de technicus de sessie heeft overgedragen aan een andere technicus of kanaal.
    100 ic_control_chatline_TC_END Het systeembericht dat bevestigt dat de technicus de sessie heeft beëindigd.
    101 ic_control_chatline_TC_EXIT Het systeembericht dat bevestigt dat de technicus de sessie heeft verlaten.
    102 ic_control_chatline_TC_DISCONNECTED Het systeembericht dat bevestigt dat de technicus de verbinding met de webserver heeft verloren en de klant niet met de technicus kan communiceren.
    103 ic_control_chatline_TC_START_APPLET De link om te beginnen met het downloaden van de applet of het iPhone configuratiebestand.
    104 ic_control_chatline_TC_SHOWSURVEY Het systeembericht vraagt de klant na afloop van de sessie een enquête in te vullen.
    105 ic_control_chatline_TC_URLPUSH Het systeembericht dat bevestigt dat de technicus een voorgedefinieerde URL naar de klant heeft gestuurd.
    106 ic_control_chatline_APPLET_CONNECTING_GW Het systeembericht dat bevestigt dat de Rescue Applet een verbinding heeft gemaakt met de Rescue Gateway.
    107 ic_control_chatline_APPLET_AUTOPROXYLOOKUP
    108 ic_control_chatline_APPLET_FX_START Het systeembericht dat bevestigt dat de technicus het bestandsbeheer heeft gestart.
    109 ic_control_chatline_APPLET_FX_END Het systeembericht dat bevestigt dat de technicus de bestandsbeheerder heeft gestopt.
    110 ic_control_chatline_APPLET_SENDINGLOGFILE
    111 ic_control_chatline_APPLET_PRINT
    112 ic_control_chatline_APPLET_DROPPED Het systeembericht dat bevestigt dat de verbinding werd verbroken.
    113 ic_control_chatline_APPLET_DISCONNECTING Het systeembericht dat bevestigt dat de sessie wordt verbroken.
    114 ic_control_chatline_APPLET_RECONNECTING Het systeembericht bevestigt dat Rescue probeert de sessie opnieuw te verbinden.
    115 ic_control_chatline_APPLET_ERROR Het systeembericht dat bevestigt dat er een fout was in de Applet.
    116 ic_control_chatline_APPLET_DISCONNECTED Het systeembericht dat bevestigt dat de verbinding met het applet werd verbroken.
    117 ic_control_chatline_APPLET_FX_NOTIFY
    118 ic_control_chatline_APPLET_REBOOTING Het systeembericht dat bevestigt dat de technicus de computer van de klant opnieuw heeft opgestart.
    119 ic_control_chatline_APPLET_DV_START Het systeembericht dat bevestigt dat de technicus een desktop view sessie heeft gestart en zijn scherm met de klant deelt.
    120 ic_control_chatline_APPLET_DV_END Het systeembericht dat bevestigt dat de technicus een desktop view sessie heeft gestart en zijn scherm met de klant deelt.
    121 ic_control_chatline_APPLET_RC_START Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft gestart.
    122 ic_control_chatline_APPLET_RC_END Het systeembericht dat bevestigt dat de technicus een afstandsbedieningssessie heeft beëindigd.
    123 ic_control_chatline_APPLET_CONNECTED Het systeembericht dat bevestigt dat een sessie is gestart.
    124 ic_control_chatline_APPLET_COMPLETED
    125 ic_control_chatline_APPLET_CANCELLED Het systeembericht dat bevestigt dat de sessie werd geannuleerd.
    126 ic_text_chatline_tc Stelt de opmaak van de regel van de technicus in het Instant Chat-venster in.
    127 ic_text_chatline_client Stelt de opmaak van de regel van de klant in het venster Instant Chat in.
    128 ic_waitingtime

    Gebruik dit om de geschatte wachttijd in minuten weer te geven.

    .ic_waitingtime verschijnt slechts eenmaal per sessie.

    Bijvoorbeeld, .ic_waitingtime verschijnt niet tijdens de herverbinding.

    .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht.

    Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
    129 ic_queueposition

    Gebruik dit om de positie van de klant in de wachtrij van wachtende klanten te tonen.

    .ic_queueposition verschijnt slechts eenmaal per sessie.

    Bijvoorbeeld, .ic_queueposition verschijnt niet tijdens de herverbinding.

    .ic_statusicon_waiting verschijnt gedurende de hele sessie wanneer de klant op de technicus wacht.

    Opmerking: Deze stijl is niet zichtbaar in de standaard Instant Chat-interface.
    Artikel voor het laatst bijgewerkt: 27 september, 2022