Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated
Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

About chat message fields location

6 years 2 months ago
  • Anders's Avatar
    Topic Author
  • Anders
  • Offline
  • Junior Boarder
  • Posts: 134
  • Thank you received: 2
Licenses:
JomSocial Active

Hello!
When I start a new chat, the message field is located outside the bottom of the page so I have to scroll down to see it. Can you get the message field higher up on the page?
Se image:
www.screencast.com/t/BpLPIgxpVt

Best regards
Anders Hidman
Sweden

6 years 2 months ago
Licenses:
JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

Hi
The height is auto and depends on the page size. because the size of header is bigger on your site the page height is long
Open template folder /css/template.css file and add this code at the end of file

@media(min-width :768px){
.joms-js--chat-conversation-messages {max-height: 300px; }}

it will restrict the height of the box.



Regards

6 years 2 months ago
  • Anders's Avatar
    Topic Author
  • Anders
  • Offline
  • Junior Boarder
  • Posts: 134
  • Thank you received: 2
Licenses:
JomSocial Active

Thank you for your quick response, but I still have issues with the message field. When I click the "New message" button, the message field is shown outside the screen and I have to scroll down to find it.
See video:
www.screencast.com/t/lVAUG2xW6GI

BR
Anders

6 years 2 months ago
Licenses:
JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

Hi
This is not the problem, the header height is login on your site that makes the page height longer, if you will set the max height for the box, like in the previous post I shared the code. You can decrease the value of height to minimize the height.
The same code will work for this too.
However, it not good to decrease more height as u have images in the message and long conversation, it will difficult for the user to see them in a small box.

Regards

The following user(s) said Thank You: Anders
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW