product icon

Relationship between CSS Classes and JavaScript Objects

Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.

This table shows how to access HTML elements through the Instant Chat engine and shows which HTML elements use which CSS classes.

JavaScript object CSS Class
ICObject.pMainContentArea .ic_maincontentarea /*<div>*/
ICObject.pWindowTitle .ic_windowtitle /*span*/
ICObject.pComplementer .ic_complementer /*<div>*/
ICObject.pChatDisconnected .ic_chatdisconnected /*<div>*/
ICObject.pBodyArea .ic_bodyarea /*<div>*/
ICObject.pChatLog

.ic_chatlog /*<div>*/

.ic_chatlog_big /*<div>*/

.ic_chatlog_medium /*<div>*/

.ic_chatlog_medium_big /*<div>*/

.ic_chatlog_large /*<div>*/

.ic_chatlog_large_big /*<div>*/

ICObject.pChatText

.ic_chattext /*<textarea>*/

.ic_chattext_first /*<textarea>*/

.ic_chattext_medium /*<textarea>*/

.ic_chattext_medium_first /*<textarea>*/

.ic_chattext_large /*<textarea>*/

.ic_chattext_large_first /*<textarea>*/

ICObject.pStatusIcon

.ic_statusicon_waiting /*<div>*/

.ic_statusicon_chat /*<div>*/

.ic_statusicon_rc /*<div>*/

.ic_statusicon_disconnect /*<div>*/

.ic_statusicon_hold /*<div>*/

.ic_statusicon_transfer /*<div>*/

.ic_statusicon_typing /*<div>*/

ICObject.pStatusText .ic_statustext /*<div>*/
ICObject.pFileSendButton

.ic_filesend_button /*<div>*/

.ic_filesend_button_hover /*<div>*/

.ic_filesend_button_pressed /*<div>*/

.ic_filesend_button_disabled /*<div>*/

ICObject.pDisconnectButton

.ic_disconnect_button /*<div>*/

.ic_disconnect_button_hover /*<div>*/

.ic_disconnect_button_pressed /*<div>*/

.ic_disconnect_button_disabled /*<div>*/

ICObject.pLanguageContainer .ic_lang_container /*<div>*/
ICObject.pLanguageSelection .ic_lang_select /*<div>*/
ICObject.pLanguageSelection_a .ic_lang_select_text_td /*<td>*/
ICObject.pSendButton

.ic_send_button /*<div>*/

.ic_send_button_hover /*<div>*/

.ic_send_button_pressed /*<div>*/

.ic_send_button_disabled /*<div>*/

ICObject.pFontChangeSmall

.ic_fontchange_small /*<div>*/

.ic_fontchange_small_border /*<div>*/

ICObject.pFontChangeMedium

.ic_fontchange_medium /*<div>*/

.ic_fontchange_medium_border /*<div>*/

ICObject.pFontChangeLarge

.ic_fontchange_large /*<div>*/

.ic_fontchange_large_border /*<div>*/

ICObject.pProgressBars .ic_progressbars /*<div>*/
ICObject.pProgressBarsChatBottom .ic_progressbars_chatbottom /*<div>*/
ICObject.pCustomLogo .ic_custom_logo /*<img>*/
ICObject.pCustomIcon .ic_custom_icon /*<img>*/
ICObject.pLoaderAnimation .ic_loader_animation /*<div>*/
ICObject.pShadow .ic_shadow /*<div>*/
ICObject.pTechnicianName .ic_technicianname /*<div>*/
ICObject.pSessionEndButton

.ic_sessionend_button /*<div>*/

.ic_sessionend_button_hover /*<div>*/

.ic_sessionend_button_pressed /*<div>*/

.ic_sessionend_button_disabled /*<div>*/

ICObject.pWaitingTime .ic_waitingtime /*<div>*/
Article last updated: 11 July, 2023