[BBOOTS style and Chat 1.1.3] how to show chat side by side?


User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Wed Mar 15, 2017 2:21 am • via Web
how to show the chat replies show side by side?
User avatar
IvanPF
Site Admin
 
Posts: 1843
Joined: Fri Jun 17, 2011 12:15 am
Location: España (Spain)
 Wed Mar 15, 2017 9:42 pm • via Web
Hi,

You must edit the CSS file /ext/canidev/chat/styles/{your style}/theme/chat.css and add this code:

Code: Select all
.chat-row:nth-child(even) .ic-row-avatar {
   float: right;
}

.chat-row:nth-child(even) .ic-row-actions {
    float: left;
}

.chat-row:nth-child(even) .ic-row-title,
.chat-row:nth-child(even) .ic-row-text {
   text-align: right;
}

.chat-row:nth-child(even) .ic-row-title.avatar-margin,
.chat-row:nth-child(even) .ic-row-text.avatar-margin {
   margin-left: 0;
   margin-right: 48px;
}


After this, go to ACP and clear the cache
User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Fri Mar 17, 2017 12:16 am • via Web
Thank you.. works!
User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Fri Mar 17, 2017 1:13 am • via Web
how about a better side by side.


can make also like this?
Image

User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Fri Mar 27, 2020 6:58 am • via Web
IvanPF wrote:Hi,

You must edit the CSS file /ext/canidev/chat/styles/{your style}/theme/chat.css and add this code:

Code: Select all
.chat-row:nth-child(even) .ic-row-avatar {
   float: right;
}

.chat-row:nth-child(even) .ic-row-actions {
    float: left;
}

.chat-row:nth-child(even) .ic-row-title,
.chat-row:nth-child(even) .ic-row-text {
   text-align: right;
}

.chat-row:nth-child(even) .ic-row-title.avatar-margin,
.chat-row:nth-child(even) .ic-row-text.avatar-margin {
   margin-left: 0;
   margin-right: 48px;
}


After this, go to ACP and clear the cache


There is something wrong about the avatar with using the latest version of cbbChat
User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Mon Apr 20, 2020 10:16 pm • via Web
bang! any updates?
User avatar
IvanPF
Site Admin
 
Posts: 1843
Joined: Fri Jun 17, 2011 12:15 am
Location: España (Spain)
 Wed Mar 31, 2021 9:56 pm • via Web
This functionality is included with the chat as of version 1.2.2. It can be selected from the ACP options
User avatar
PhilDiscuss
 
Posts: 77
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines
 Fri Apr 02, 2021 1:34 am • via Web
More smoother chat ... Thank you Ivan

Who is online

Users browsing this forum: No registered users and 0 guests