Adding Bliss Effects to Custom Panels

September 23, 2009

I've been asked a few times now how I was able to create a custom panel w CHomeeditor and have the bliss effect show up to match the rest. Took sometime today after work to get all the screenshots, I hope this helps in figuring it out.

First off this is how I do it, if there is an easier way please let me know. Also I am not even close to being knowledgeable in XML/CPR/REG but after looking at how it worked I was able to duplicate the bliss effect.

Second please go to Sectors thread to familiarize yourself with XML/CPR/REG values/codes. Also you can find all the programs you need to complete this...

My Info: Rom- Bg 2.6

Theme- Rock and Republic black

with bliss installed on top (not applied)

Always Back up your CPR and CHome REG files before making changes.

Here we go:

So you create a custom panel in Chomeditor 1.6 and you get this

(notice the CHomeEditor Panel doesn't match)

Lets Fix it!! Goto /windows and grab your titanium cpr files 240x400, 400x240 (for me I only edit the 240x400 one, i don't use rotate)

Now open up resco regedit and extract the Chome.reg HKLM\Software\Microsoft\Chome

Sweet you got 3 files(for me 2), now bring them over to your PC

Now what? Hopefully you've downloaded and installed ms visual basic 2008, if not go do it.

Fire Visual basic up, file\open\titanium240x400.cpr, now you'll see a ton of information on all the panels, scroll to the bottom and look for the panel name you just made...... for me ChomeEditor

Couple things to note, the bottom of the page you should add an error/warning/messages window. This will show you when you have incorrect formatting.

Take a look at the custom panel and the other panels, you will notice the ones that have bliss already applied to them have a lot more information. Now we have to add that information!! don't worry get ready to do some copy and paste.

Go ahead and find a panel to steal their info from, I like CTwitter. ***DO NOT*** use a panel that has notifications as the TEXT/IMAGE/LAYER IDs are slightly different and when condensed won't look good.

Now I told you that Ctwitter was a good panel to steal the info from, when I did mine I used a custom panel I made previously, just pretend it is Ctwitter.

First locate this section in Ctwitter...... ***Only the Bold Part*** and copy

<Layer ID="CTwitterExpanded" Visible="False" Width="240" Height="82" Clip="False">

<Layer ID="Page" Clip="False">

<Image ID="PICTURES" Left="188" Top="-13" Width="43" Height="57" />

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

</Layer>

If you copy the whole thing including the "red part" it will come up as an error. So where ever you started the copy whether right after the " or on the V, you must start exactly at the same spot when you go to paste, so the formatting stays true.

Ok you got that copied. Now scroll back down to your custom panel you just made. Your going to paste over it so now locate this.

<Layer ID="VoiceMailExpanded" Visible="False" Width="240" Height="82" Clip="False">

<Layer ID="Page" Clip="False">

<Image ID="PICTURES" Left="188" Top="-13" Width="50" Height="50" />

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

</Layer>

Select it, exactly as you did on the Ctwitter panel and just paste right over it. Cool?? Just double check you have no errors, I look at this every time I paste.

So what the hell did that just do? Well you just copied the font/font size and its location for Text1 and Text2 into you new panel so it will match.

Lets move on to the Condensed Layer.

Here we are going to do the same thing as before, goto the Ctwitter panel and locate this.

<Layer ID="CTwitterCondensed" Visible="False" Width="240" Height="34">

<Image ID="ImageFixed" Source="\My Documents\Themes\Bliss\bliss_iconbgclear_portrait.png" Left="10" Top="4" Width="220" Height="29" ScaleStyle="Fit" />

<Layer ID="Page">

Copy it, and back down to your custom panel........ Back and forth we go.

Find this

<Layer ID="CHomeEditorCondensed" Visible="False" Width="240" Height="34"><BR>

<Layer ID="Page">

Paste over it with the Ctwitter part.

(sorry forgot to highlight, but you can see the added source code) So now you just added the glass like effect onto your panel. Few more steps with XML!

Notice that the Ctwitter page has an  with data under it and your custom panel doesn't? we have add that in.

you know the drill..... Goto Ctwitter and steal it.

<Image ID="Icon" Left="10" Top="5" Width="25" Height="25" ScaleStyle="Fit" />

Great now go paste it to your custom panel, just hit enter after <Layer ID="Page"> and paste it there. Now you just added the icon that's always on the left side of the panel.

Ahhh now to Condensed Line 1 this is cake, go up to Ctwitter select...

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

</Layer>

You got it, now go replace this

<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0" />

<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF" />

</Text>

</Layer>

With the ctwitter part.

If you are using Visual Basic do not paste over the </FORM> as that is what tells it when it is the end of the file. If you do you will get tons of errors.

Alright the CPR is now done, lets save it. Goto the titanium tab and right click, and save.

Close Visual Basic......

Open Notepad or if you use Regedit you can do it from there. Again we are going to do a bit of copy and pasting.

Find the reg settings for your custom panel, take a look at it.

Scroll down to the "condensedpage" part, usually on the bottom, right before the next panel reg settings. Now we have to add a line in here so push the "PluginLabel"="Your custom panel name" line down and lets add this, "Icon"=\\Your PNG location "

OK? see what we just did? Remember in the CPR we added the <--!ICON--> part to it, well this is how it knows where to look for the icon to display.

Save it and exit out. Almost there!!!

Transfer the files back into your phone.

Get on your phone and goto start\settings\home\items uncheck "windows default" your just shutting off titanium. Exit out, just an empty screen : ( Get Resco Explorer running from the start page. Goto the location you saved your files to. Take the CPR and copy it back into the \\Windows folder. Overwrite "YES". Go back and tap the Chome.REG file, import "YES".

Now....

Restart...................Wait.............Wait............ Now go back to settings and turn "windows Default" back on. Press ok, give it a few seconds it is loading. Back out to the home screen hopefully you'll see something like this.

If not something is wrong, probably with your CPR file. After you check everything, go ahead and copy the Titanium CPR files and Chome.reg again. This time just put them in a safe place for storage.

***Note*** During the save or transferring back to the phone the CPR files are changed to "read-Only" if you keep it this way ChomeEditor won't be able to do anything and throw an error code. So go back to these files with resco and change them to "archive" Then you are all set.

I will always try to help you, if you have issues, please be patient I have a life and need to be home to look at any cpr files you might throw my way. Also I tried to dummy proof this, but if I in turn made it 10x harder to follow please let me know. I am trying to give you a good starting point, I had to do a trial and error to figure it out, hard resets suck..... Good luck, follow it to the "T" and you should be good.

I have not tried this with the WM7 theme just bliss, i'd have to guess the steps will be the same to match the WM7. But again I haven't tried, so go and find out and let me know.

Hope this helped

Tom

September 23, 2009

Very Nice Work!!! good looking Rom by the way! lol :)

September 23, 2009

Very Nice Work!!! good looking Rom by the way! lol :)

Thanks BG, just trying to do my part.

September 23, 2009

Very nice instructions, Tom. Thank you. I only wish I would just flash my phone and be done with all the envy and worry. It would bring so many possibilities. But for now, the only flashing I've done is with the official CF03 ROM.

September 23, 2009

Very nice instructions, Tom. Thank you. I only wish I would just flash my phone and be done with all the envy and worry. It would bring so many possibilities. But for now, the only flashing I've done is with the official CF03 ROM.

Why do you worry about flashing? It is nerve racking the first time but your on CF03, so you must have updated your phone. I had more problems flashing CF03 (2 bricks) then with the custom roms (0)

Sign In

Adding Bliss Effects to Custom Panels

Recommended Posts

Guest Redmanll34

Guest bga7x

Guest Redmanll34

Guest jlc0005

Guest Redmanll34

Please sign in to comment

Browse

Activity

Important Information