Description Usage Arguments See Also
A chatBox
displays chatMessage
s as main box content, an optinal
contactList
on header, and an optional newMessage
reminder on
header. The contactList
are created by chatContactList
which in turn contains multiple chatContact
s.
Create a chat contact list for the chat box header.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | chatBox(..., textInputId, btnInputId, placeholder = "Type Message ...",
title = "chatBox", status = "warning", solidHeader = FALSE,
background = NULL, width = 6, height = NULL, admin = "Guang Yang",
adminImg = paste0("ygdashboard", "-",
as.character(utils::packageVersion("ygdashboard")), "/img/yg.jpg"),
client = "Ex Machina", clientImg = paste0("ygdashboard", "-",
as.character(utils::packageVersion("ygdashboard")), "/img/exmachina.jpg"),
contactList = NULL, newMessage = NULL)
chatMessage(name, image, text, position = c("left", "right"),
timestamp = "Just Now")
chatContactList(..., .list = NULL)
chatContact(name, image = NULL, date = "Just Now", text = NULL)
|
... |
For chat message, this should consist of |
title |
Optional title. |
status |
The status of the item This determines the item's background color. Valid statuses are listed in validStatuses. |
solidHeader |
Should the header be shown with a solid color background? |
background |
If NULL (the default), the background of the box will be white. Otherwise, a color string. Valid colors are listed in validColors. |
width |
The width of the box, using the Bootstrap grid system. This is
used for row-based layouts. The overall width of a region is 12, so the
default valueBox width of 4 occupies 1/3 of that width. For column-based
layouts, use |
height |
The height of a box, in pixels or other CSS unit. By default the height scales automatically with the content. |
.list |
An optional list containing messages to put in the chatBox same as
the |
... |
For chat contacts, this should consist of |
box
for usage examples.
Other boxes: box
, calendarBox
,
carouselBox
, infoBox
,
socialWigetBox
, tabBox
,
timelineBox
, valueBox
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.