webOS Nation Forums > webOS apps and software > webOS development > How To Get Your Avatar In The Chat & Change the Color of the Chat Balloons
1 2 3 4 5 6 7 12  ... Last
Member: sarah peterman
at: 01:24 PM 07/17/2009
Type [CODE]cd /usr/palm/applications/com.palm.app.messaging/stylesheets[/CODE]

Then

[CODE]vi messaging.css[/CODE]

Then at the very bottom add this, hit <i>

[CODE]/*woot*/[/CODE]

Save: SHIFT zz or ESC :qw

Reopen:

[CODE]vi messaging.css[/CODE]

Scroll all the way to the bottom, do you see woot?
Reply
Member: MaSwaggSoSiQ
at: 03:26 PM 07/17/2009
is there a quicker way to scroll down to the bottom or go to a specific line?
Reply
Member: MaSwaggSoSiQ
at: 03:29 PM 07/17/2009
and when i try to save it sayd pattern not found. im confused on where to add and comment out in the code.
Reply
Member: sarah peterman
at: 05:32 PM 07/17/2009
Originally Posted by MaSwaggSoSiQ:
is there a quicker way to scroll down to the bottom or go to a specific line?
Page down

Originally Posted by MaSwaggSoSiQ:
and when i try to save it sayd pattern not found. im confused on where to add and comment out in the code.
It sounds like you might be searching, or not exiting properly. Try the <shift> ZZ. A bit of warning though, it you did something to mess up you will save it using that command.

Also, in order to add or change text you have to hit the character <i> in order to input.

On second thought, try <escape><shift><colon> wq!

Btw, sent you a pm.
Reply
Member: MaSwaggSoSiQ
at: 08:10 PM 07/17/2009
FINALLY GOT IT TO WORK! thank you " Sarah Peterman " couldnt have done it without u...lol
Reply
Member: disc
at: 10:10 PM 07/17/2009
Is there a pixel limit on the my-avatar.png? I'm getting a blank outline where my avatar should be.

EDIT: After a hard reset my avatar showed up. Might want to recommend a full reset in your tut.
EDIT2: I want to hug Palm for observing .png's transparency.
Reply
Member: cellmonsters
at: 12:52 AM 07/18/2009
So i tried this out and ofcourse it isnt the first time i root my phone.. i was even able to change the dial pad background and palm boot logo.

however, after doing all of theses steps, i cannot even open any conversation window.
Reply
Member: sarah peterman
at: 05:43 AM 07/18/2009
Originally Posted by cellmonsters:
however, after doing all of theses steps, i cannot even open any conversation window.
Have you restarted your phone? Did you make backups? If you didn't then tonight when I get home I can send you the backup files. That's not until after 2pm est though.
Reply
Member: sarah peterman
at: 06:00 AM 07/18/2009
Originally Posted by MaSwaggSoSiQ:
FINALLY GOT IT TO WORK! thank you " Sarah Peterman " couldnt have done it without u...lol
Oh awesome, glad you got this working :-)

Originally Posted by disc:
Is there a pixel limit on the my-avatar.png? I'm getting a blank outline where my avatar should be.

EDIT: After a hard reset my avatar showed up. Might want to recommend a full reset in your tut.
EDIT2: I want to hug Palm for observing .png's transparency.
Glad you got it working as well. I will add that into the tut then.
Reply
Member: SteveChiller
at: 06:05 AM 07/18/2009
is there a way to change the text color? or even make the text bigger?
Reply
Member: sarah peterman
at: 06:13 AM 07/18/2009
Originally Posted by SteveChiller:
is there a way to change the text color? or even make the text bigger?

Yes, I believe you can change the font size and color.

[CODE].my-chat .chat-balloon-wrapper,
.their-chat .chat-balloon-wrapper {
padding: 1px 0;
font-size: 18px;
word-wrap: break-word !important;
}[/CODE]

Where it says "font-size: 18px;" play around with that. I can test it out later tonight when I get home, and I'll look for a way to change color, I think it's something like "color: #CCCCCC".
Reply
Member: cellmonsters
at: 02:00 PM 07/18/2009
No worries.. i just went and used webosdoctor and started everything up again. i think i messed up more than just the messaging app hehehe. will give it another go
Reply
Member: Nismode
at: 02:48 PM 07/18/2009
So, without this modificationn, there are no images in the chat windows?
Reply
Member: cellmonsters
at: 03:32 PM 07/18/2009
Originally Posted by Nismode:
So, without this modificationn, there are no images in the chat windows?
Well. there is an image but only for the person sending you the message. there is no image for you... when you reply it is only a normal view with what you said, their replies is shown with their avatar next to what they said.

personally i was going to add my avatar again or at least try to do it the right way but not sure if i really want to see my avatar everytime i am chatting.. its not like they would be able to see what avatar i am using, considering im AIM or facebook pic would always show up on their messaging software.
Reply
Member: knickrox13
at: 03:59 PM 07/18/2009
sarah...would you be able to upload some of the altered images? Mine aren't turning out too well and it would be great if you could put some alternate chat balloon images up on this thread (preferably the black/grey and red ones - they look slick!)
Reply
Member: FuManChuu
at: 07:32 PM 07/18/2009
I'm gonna take a crack right quick at making some new colors... i'll post up a flood in a bit.

Although, they might not work like his do :P
Reply
Member: sarah peterman
at: 07:46 PM 07/18/2009
Originally Posted by knickrox13:
sarah...would you be able to upload some of the altered images? Mine aren't turning out too well and it would be great if you could put some alternate chat balloon images up on this thread (preferably the black/grey and red ones - they look slick!)

Sure.
grey.pnggreyright.png
chat-view-greyblueleft.pngchat-view-greyblue (1).png
chat-view-greygreenleft.pngchat-view-greygreenright.png
chat-view-redright.pngchat-view-red.png
right.png
Attached:
Reply
Member: FuManChuu
at: 07:58 PM 07/18/2009
or he beat me to it.
Reply
Member: sarah peterman
at: 08:06 PM 07/18/2009
Originally Posted by FuManChuu:
or he beat me to it.
Lol, sorry. Feel free to upload as many different colors as you can. These were done a few nights ago, and I haven't had time to do anymore. Personally, I would love to see some nice shades of blue and red.

Edited to add: Hey guys if anyone has any questions or comments, I'm usually hanging out in the web-os IRC channel as sjpeterman.
Reply
Member: elryon
at: 01:39 PM 07/19/2009
I got the avatar to center and be wrapped correctly...
the only changes needed to the original messaging.css are:

line 644:
my-chat .message-container {
width 255px;
}

and line 676:

/* Disabling MY avatar because we are not doing this for 1.0 2008-11-05*/
.my-chat .avatar-location
.my-chat .avatar-overlay
.my-chat .avatar-container {
display: inline-block;
width: 40px;
height: 40px;
}

then proceed with adding your avatar pic as before.
Reply
Tagsavatar, chat, css, messaging, my avatar
1 2 3 4 5 6 7 12  ... Last
webOS Nation Forums > webOS apps and software > webOS development > How To Get Your Avatar In The Chat & Change the Color of the Chat Balloons