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 |
Jump to:
Description
Hi,
all the lists do not display on click of corresponding button.

#1
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
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
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
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.