[HowTo] Display rooms always at the top or bottom

Chat rooms for mChat with optional password protection and 1-on-1 chats
clight77
Donor
Posts: 20
Joined: 01 May 2017, 01:06

Re: [HowTo] Display rooms always at the top or bottom

#21

Post by clight77 » 26 May 2018, 19:23

kasimi wrote:
13 May 2018, 08:48
I think Tigers is interested in all the other mChat modifications you have, not Rooms. :)
Oh he wants the modified chat you think ?

terry2
Posts: 181
Joined: 22 Oct 2016, 18:22
Location: My castle

Re: [HowTo] Display rooms always at the top or bottom

#22

Post by terry2 » 29 May 2018, 15:47

You can find them at my site i got a few addons for mchat
2018-05-29_164632.png
You do not have the required permissions to view the files attached to this post.

Tigers
Donor
Posts: 25
Joined: 25 Nov 2016, 09:42

Re: [HowTo] Display rooms always at the top or bottom

#23

Post by Tigers » 29 May 2018, 17:35

Hi No thanks i found the modification I wanted on this forum but thanks anyway

clight77
Donor
Posts: 20
Joined: 01 May 2017, 01:06

Re: [HowTo] Display rooms always at the top or bottom

#24

Post by clight77 » 12 Jun 2018, 22:28

kasimi wrote:
06 Jul 2017, 12:34
rooms_at_top.png


  1. Open ext/kasimi/mchatrooms/styles/prosilver/theme/mchat.rooms.css
  2. At the very bottom of the file, add these CSS rules:

    Code: Select all

    - This code is only accessible to donors -
  3. Clear your board cache.
[HowTo] Display rooms always at the top or bottom
I have to ask, what dictates Top or Bottom ?
I am trying to put this at the bottom..


Thank You :

User avatar
kasimi
mChat developer
Posts: 925
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: [HowTo] Display rooms always at the top or bottom

#25

Post by kasimi » 13 Jun 2018, 07:56


clight77
Donor
Posts: 20
Joined: 01 May 2017, 01:06

Re: [HowTo] Display rooms always at the top or bottom

#26

Post by clight77 » 13 Jun 2018, 15:13

I am blind.. lol
Thanks.

User avatar
lopoto
Donor
Posts: 30
Joined: 03 Jun 2017, 19:20

Re: [HowTo] Display rooms always at the top or bottom

#27

Post by lopoto » 22 Jun 2018, 21:29

:beer:

User avatar
Xcalibr8
Donor
Posts: 16
Joined: 22 Oct 2017, 00:08

Re: [HowTo] Display rooms always at the top or bottom

#28

Post by Xcalibr8 » 29 Dec 2018, 21:30

Hello,
I first applied the code to list rooms at the top, worked well.
mchatbefore.PNG
Then I tried the tips below, not as well.
Tigers wrote:
20 Apr 2018, 10:12
clight77 wrote:
14 Apr 2018, 23:47

Code: Select all

- This code is only accessible to donors -
Cheers not real familiar with flex.
But this worked good for me.

Code: Select all

- This code is only accessible to donors -
Did a small change in mchat_rooms.html also, my preference only.

<div class="action-bar compact">
<div class="mchat-rooms-header">
<!-- <h3>{{ lang('MCHATROOMS_HEADER') }}</h3> -->

And a </div> at the very end.
great but it's possible to have all of your modification ?
mchat.PNG
This is without the changes to mchat_rooms.html . Tried that and it really gets messed up. However, I am not good at this stuff. I can follow specific directions but don't expect me to know html or css standards. :lol:

Any recommendations? I really like the layout but on mine the room names are broken up on some with the edit icons in the middle of the room name.

Thanks
Xcalibr8

Added in 3 minutes 2 seconds:
oh, also, would be nice if it was stretched to full width and not all bunched up on the left of the header.
You do not have the required permissions to view the files attached to this post.

User avatar
kasimi
mChat developer
Posts: 925
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: [HowTo] Display rooms always at the top or bottom

#29

Post by kasimi » 20 Jan 2019, 14:42

Sorry for the late reply. What happens when you add this CSS:

Code: Select all

- This code is only accessible to donors -

dimassamid
Donor
Posts: 7
Joined: 11 Jan 2019, 04:19

Re: [HowTo] Display rooms always at the top or bottom

#30

Post by dimassamid » 31 May 2019, 21:27

Hello!

Could you please help me?
I added these css rules:

Code: Select all

- This code is only accessible to donors -
Everything is fine, but the titles of the rooms are narrow:
01-06-2019 0-24-23.png
How can I fit them to width (like on your index page)?
01-06-2019 0-25-28.png
Thanks in advance!
You do not have the required permissions to view the files attached to this post.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest