Myavatar In Messaging App - Revision history

Optik678: /* How To Get Your Avatar In The Chat */

2009-10-06T11:55:33Z

How To Get Your Avatar In The Chat

Hopspitfire at 08:56, 3 August 2009

2009-08-03T08:56:32Z

Sjpeterman: /* How To Get Your Avatar In The Chat */

2009-07-24T22:09:09Z

How To Get Your Avatar In The Chat

Imop45: root to access

2009-07-24T18:31:18Z

root to access

Hopspitfire at 23:19, 21 July 2009

2009-07-21T23:19:31Z

Hopspitfire: New page: = How To Get Your Avatar In The Chat= This will get the avatars (both yours and theirs) in the lower right hand corner. Also, I'd suggest the gradient in the chat balloons all fading to o...

2009-07-21T23:18:30Z

New page: = How To Get Your Avatar In The Chat= This will get the avatars (both yours and theirs) in the lower right hand corner. Also, I'd suggest the gradient in the chat balloons all fading to o...

New page

= How To Get Your Avatar In The Chat=

This will get the avatars (both yours and theirs) in the lower right hand corner. Also, I'd suggest the gradient in the chat balloons all fading to one side. Looks much better that way ;-)

You will need to have your Pre rooted. Also, don't forget to back up everything you touch.

First step is to type:

<pre><nowiki>
cd /usr/palm/applications/com.palm.app.messaging/stylesheets
</nowiki></pre>

then:

<pre><nowiki>sudo vi messaging.css</nowiki></pre>

Starting at line 139 you will see this:
<pre><nowiki>.chatRow img.avatar-location {
margin-top: -18px;
}

.chatRow img.avatar-overlay {
margin-top: -21px;
}

.chatRow .avatar-container {
vertical-align: middle;
display: inline-block;
}</nowiki></pre>

Change the margins in location and overlay so that they look like this:

<pre><nowiki>
.chatRow img.avatar-location {
margin-top: -39px;
}

.chatRow img.avatar-overlay {
margin-top: -42.5px;
}</nowiki></pre>

Now comment out the container:
[[code type="CSS"]]/*.chatRow .avatar-container {
vertical-align: middle;
display: inline-block;
}*/</nowiki></pre>

Next, scroll down to line 662. You'll see something like this:

[[code type="CSS"]].my-chat .chat-balloon-wrapper,
.their-chat .chat-balloon-wrapper {
padding: 1px 0;
font-size: 18px;
word-wrap: break-word !important;
}</nowiki></pre>

Add
<pre><nowiki>padding-right: 40px;</nowiki></pre>

<pre><nowiki>.my-chat .chat-balloon-wrapper,
.their-chat .chat-balloon-wrapper {
padding: 1px 0;
font-size: 18px;
word-wrap: break-word !important;
padding-right: 40px;
}</nowiki></pre>

Comment out line 668:

<pre><nowiki>/*.their-chat .chat-balloon-wrapper {
padding-right: 8px ;}*/
</nowiki></pre>

On line 676 you will see this:
<pre><nowiki>/* 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: none;
width: 40px;
height: 40px;
}</nowiki></pre>

Comment out
<pre><nowiki>/*.my-chat .avatar-overlay,*/
/*.my-chat .avatar-container*/
/*display: none;*/</nowiki></pre>

Now save: SHIFT zz or ESC :qw

Type:

<pre><nowiki>cd /usr/palm/applications/com.palm.app.messaging/app/controllers</nowiki></pre>

<pre><nowiki>sudo vi chatview-assistant.js</nowiki></pre>

Scroll down to line 1213 and remove the /'s. Should look like this:

<pre><nowiki>msg.avatar = this.myAvatar || 'images/my-avatar.png';</nowiki></pre>

Save: SHIFT zz or ESC :qw

Now you need to upload an avatar and find the image location

In terminal type:

<pre><nowiki>cd /usr/palm/applications/com.palm.app.messaging/images/</nowiki></pre>

<pre><nowiki>sudo wget (url)</nowiki></pre>

<pre><nowiki>sudo mv (filename of the avatar you just downloaded) my-avatar.png</nowiki></pre>

Now type:
<pre><nowiki>sudo luna-send -n 1 palm://com.palm.applicationManager/rescan {}</nowiki></pre>

@@ Line 100: / Line 100: @@
-Scroll down to line 1286 and remove the /'s. Should look like this:
+Scroll down to line 1286 '''(1.2.1 : line 1356)''' and remove the /'s. Should look like this:
 <pre><nowiki>msg.avatar = this.myAvatar || 'images/my-avatar.png';</nowiki></pre>
@@ Line 120: / Line 120: @@
 <pre><nowiki>sudo luna-send -n 1 palm://com.palm.applicationManager/rescan {}</nowiki></pre>
-If the above line does not add your avatar you will have to reboot your phone.
+The above line will not add your avatar if you open the messaging app without the avatar image in place.  If you have done this already, simple reboot Luna with the following command and your avatar will be in place : <pre><nowiki>sudo pkill LunaSysMgr</nowiki></pre>

← Older revision		Revision as of 08:56, 3 August 2009
Line 1:		Line 1:
		+	{{template:patch}}
	= How To Get Your Avatar In The Chat=		= How To Get Your Avatar In The Chat=

@@ Line 99: / Line 99: @@
-Scroll down to line 1213 and remove the /'s. Should look like this:
+Scroll down to line 1286 and remove the /'s. Should look like this:
 <pre><nowiki>msg.avatar = this.myAvatar || 'images/my-avatar.png';</nowiki></pre>
@@ Line 118: / Line 118: @@
 Now type:
 <pre><nowiki>sudo luna-send -n 1 palm://com.palm.applicationManager/rescan {}</nowiki></pre>

@@ Line 3: / Line 3: @@
 This will get the avatars (both yours and theirs) in the lower right hand corner. Also, I'd suggest the gradient in the chat balloons all fading to one side. Looks much better that way ;-)
-You will need to have your Pre rooted. Also, don't forget to back up everything you touch.
+You will need to have your Pre Accessed. Also, don't forget to back up everything you touch.
 First step is to type:

@@ Line 41: / Line 41: @@
 Now comment out the container:
-[[code type="CSS"]]/*.chatRow .avatar-container {
+<pre><nowiki>/*.chatRow .avatar-container {
          vertical-align: middle;
          display: inline-block;
@@ Line 48: / Line 48: @@
 Next, scroll down to line 662. You'll see something like this:
-[[code type="CSS"]].my-chat .chat-balloon-wrapper,
+<pre><nowiki>.my-chat .chat-balloon-wrapper,
 .their-chat .chat-balloon-wrapper {
    padding: 1px 0;