emotionlist, color picker font-size list and font-family list do not appaer properly

rushali - September 11, 2008 - 09:37
Project:Drupal ajaxIM
Version:5.x-2.x-dev
Component:User interface
Category:bug report
Priority:critical
Assigned:Unassigned
Status:active
Description

Hi,

all the lists do not display on click of corresponding button.

#1

asak - September 28, 2008 - 14:31

What I found is that they do display - but in my theme (deco) they are far far to the right of the screen.
I'm trying to mess with the CSS but not having much success...

UPDATE: I'm using version 1 of the module and having this problem. i did try ver. 2 and found the same problem.

#2

vishun - November 16, 2008 - 23:11

yeah its CSS issues likely, im working on a post in the issues section that ill start to try to list CSS fixes for cross browser and all browsers sake

#3

vishun - May 5, 2009 - 21:39

I just noticed your post on my other thread trying to gather CSS related fixes, and I quickly looked at this and so far the best case scenario ive been able to quickly come up with, that isnt the best solution, but still better then it appearing off the page...

i didnt have the time to look up the lines of code and what not like my other post at http://drupal.org/node/335147 but... first what i would recommend is changing the stylesheet that comes with the module, ajax_im.css, regarding the tag: div.itemList -- this css tag has position: absolute; specified which is partially to blame. change this to position: relative;

then, im entirely unsure where this next change is needed, but it seems to also be within the ajax im specific module files, likely the .js file because its an element style (like style="") on the actual emoticon box with the CSS ID emoticonList -- im not sure if the following two calls are dynamic or not, so you might have to override these specifications in your own stylesheet rather then rely on the element style...

but so for the element style of div ID emoticonList -- change top and left to 0px -- or specify it in your own stylesheet using something like #emoticonList { top: 0px !important; left: 0px !important; }

again its not the best fix ever, but its a lot better then the current presentation. what this does is makes it so that when you click the emoticon button from the IM, the emoiticons themselves appear above the actual buddy list within the ajax IM block.

hope this works for now, ill try find a better fix later will just take me a bit more time then i have right now... also sorry if this post is confusing, in a rush hehe ;)

#4

freddyseubert - May 11, 2009 - 09:33

The change from absolute to relative in itemList doesn't work for me. With the original css there happens nothing, if I click on the font-size, emoticon list etc. Your fix does the following:

The emoticons show up, but not where they are suppost to... In my case they show up above my buddylist (the block in my panel-page) and not in the floating messaging-window. I'm working with safari 3.2.1 on OS X 10.5.6.

 
 

Drupal is a registered trademark of Dries Buytaert.