Rearranging the Manila Home Screen
What do I need to know?
Manila uses few types of files: qtc, xml, mode9 and lua. First one is for graphics, second usually for different languages (although not only) and the two last ones are the ones we are interested in. Mode9 files contain information on position, visibility and other properties of almost every element on Manila tabs. Lua files contain different functions, used for animations, updating info and so on.
For editing the Home Screen we need the mode9 file - 1c684cd8_manila and the lua script - 25d04412_manila. You can find these files (from each Manila, starting from 1.0 and ending on 2.5) on this forum.
What tools do I need?
Editing mode9 files is quiet easy. You just have to run m9editor, open the file, make the changes you want and save it. Changing stuff in lua scripts is a bit more complicated, as you have to decompile it. Shorter scripts are easily decompilated by luadec, but some longer ones require us to correct errors. Fortunately, the lua script we have to change is easily decompilated (though there can be a problem with the if condition). To do this follow these points:
- copy luadec.exe and luac.exe to the folder you where you have the lua script (let's say it's c:\compacthome\mod\)
- press Windows Logo + R (or Start > Run) and type cmd
- go to the folder containing the lua script (in this case it's cd \compacthome\mod\)
- type luadec script_name > script_name.txt - where script_name is the script you want to decompile (for example 25d04412_manila) and script_name.txt is the name of the output file, which we will edit
- in case of errors you have to correct them (look for the lua decompiling tutorial by sztupy)
- once you have the script decompiled you don't need to do it again.
- open the output file and change whatever you want
- to compile the file just type luac -o script_name script_name.txt, where script_name is the file we want to have the script_name.txt compiled
What can I change?
When you open the mode9 file we want to edit, expand the tree and you'll see many sections called 'Object'. Below them there are few lines called 'Property'. What you can easily change is:
- Position - just change the value of X and Y (center position (X=0, Y=0) and axis are different for most of the objects - you have to test this)
- Visibility - True or False (sometimes you may have to change the size of a image to 0x0, so that it won't show never)
- Font
- Font Size
- Color of text in RGB format - if Property is not available, add it
In the 25d04412_manila script you can change positions of many objects in both portrait and landscape mode.
- TabsLeft - left part of the clock (animated)
- TabsRight - right part of the clock (animated)
- clock_tabs - background of the clock (pile of tabs)
- alarm_clock - alarm info and date
- NotifiCamera3D - notifications & appointments
- NotificationShiftY - shifting of appointments when changing to small clock
To change the position just modify the first two parameters of Vector3(X, Y, Z) - both CameraPosition.value and LookAtPosition.value.
How to save and test the changes in a fast way?
Open a cab creator (for example WinCE Cab Manager) and add the files you changed to /Windows. Save the cab, copy it to your device, install and reboot Manila. You can also copy manually the file, but I prefer the first way, because in case of any problems you can easily uninstall the cab and get the default Home Screen.
How to get the Home Screen working with Background4AllTabs?
Just open the 1c684cd8_manila file by m9editor, look for 'HomeBackground' and delete the whole paragraph which contains it (from <Object>Type="Group" to the next <Object>Type="Group").
- - -
If you have any suggestions, propositions or ideas, please write them in this thread, I'll try to complete this tutorial, so it will be useful for everyone. Thanks!
i cannot come up with suggestions, but that tutorial is very nice on your side!
Although not actually about the home screen arrangement. I do think we need the information on how to patch the EXE for weather and especially non-HTC devices to be made public. The few people that know how to do it don't seem to want to SHARE that knowledge, which is damned frustrating!
Kamill, what an excellent idea. I'm looking forward to your tutorial. I wonder will it be for Manila 2.0?
Here are some ideas:
Change touch flo colour
Appointments for at least one week
Linking big clock with another application (similar to Ssmaho)
Changing soft keys names/applications
Changing font sizes/types
Changing date formats on appointments
I hope this doesn't make it too difficult (I think the second one is though for some Manila versions!)
UPDATE in first post - an early version of the mini-tutorial.
FloatingFatMan, unfortunately I don't know how to do it...
mitsi, thanks, I'll work on that.
Kamill, My question is what needs to be changed to get appointments in dates after tomorrow to appear? Do I need to edit both the mode9 and the lua script? Or is it just one of those? I'm willing to get my hands dirty to fix it.
The easiest way is to get the files from hallatore's mod for Manila 2.0 and compare them to the original. There are mainly 3 differences, you'll find them for sure. AFAIR all you have to change is in one script, you have to add an option to display the date, change the place from where appointments are being taken (poomappointments(TAB_Calendar) instead of poomappointments(TAB_Home)) and change the number of appointments in the for loop.
Hmm. Well I changed the TAB_Calendar and added the option to to display date. Those were easy. Finding the loop is harder. I forced A loop to go 5 times and I got 5 calendar events, but the ones past tomorrow were the default ones in the mode9 ("Review design comp (Dan's office)"). I did it in the InitializeFullAnimation function just below this if statement:
Code:
if l_15_15 > 5 then
l_15_15 = 5
end
So those items are not being updated from the calendar. Any ideas? Am I looking in the wrong loop?
Anyway you can post hallatore's mod de-compiled? I think I have the original, but when I use m9editor the lua has a lot of decompiled errors.
Here you go. Are you doing this on the Manila 2.1? I tried so many things to get this working, but with no success
how to change home tab
Hi, I have read all the posts here and in some other threads related, and I'm still confused
I did try to install the cabs posted, and it totally messed my home tab, so I had to hard reset every time (because uninstalling didn't fix it up).
All I want to have is this:
1. move the alarm notification on the upper-right corner (to cover or remove the ATT logo)
2. make the Call History to auto-hide if there is no missed call (or to delete it, if it is easier)
3. have more appointments visible (2-3) with the big clock, and to be able to flip the clock upwards in order to have even more appointments visible
4. when I click on the appointment, to open the Calendar (this is already possible, and I'd like to remain this way)
I apologize if this is a silly question: is this possible to be done only by editing some manila files, and if so, which ones and what should I modify?
I opened some manila files (e.g. 1c684cd8_manila) using notepad and m9editor.exe, and, honestly, I had no clue as to what should I do
I am sure that you guys know this stuff already, and it is very easy for you. If it's not complicated to explain it to me, please help me!
thank you very much
Kamill said:
Here you go. Are you doing this on the Manila 2.1? I tried so many things to get this working, but with no success
Click to expand...
Click to collapse
Thanks. I am trying for Manila 2.1. There's gotta be a way.
tatarasi said:
Hi, I have read all the posts here and in some other threads related, and I'm still confused
I did try to install the cabs posted, and it totally messed my home tab, so I had to hard reset every time (because uninstalling didn't fix it up).
All I want to have is this:
1. move the alarm notification on the upper-right corner (to cover or remove the ATT logo)
2. make the Call History to auto-hide if there is no missed call (or to delete it, if it is easier)
3. have more appointments visible (2-3) with the big clock, and to be able to flip the clock upwards in order to have even more appointments visible
4. when I click on the appointment, to open the Calendar (this is already possible, and I'd like to remain this way)
I apologize if this is a silly question: is this possible to be done only by editing some manila files, and if so, which ones and what should I modify?
I opened some manila files (e.g. 1c684cd8_manila) using notepad and m9editor.exe, and, honestly, I had no clue as to what should I do
I am sure that you guys know this stuff already, and it is very easy for you. If it's not complicated to explain it to me, please help me!
thank you very much
Click to expand...
Click to collapse
Here is the solution to all 4 requests, but it is for Manila 2.0, so be careful. Back-up first just in case. Your screen will then look similar to the one shown.
Been trying...
I've been trying for some time now to get more than today's and tomorrow's appointment's displayed in manila 2.1. I added in the code that Hallatore added (can be found in stupy's lua thread) but there seems to be something limiting the amount of days shown ahead (I hope is not limited by the manila.exe, but I think not).
As additional info, the lua file that use to be embedded in the Home.mode9 isn't any more and is named 53cc1e4f_manila for 2.1 manila and 652ae0f4_manila for 2.5 manila,
12
mitsi said:
Here is the solution to all 4 requests, but it is for Manila 2.0, so be careful. Back-up first just in case. Your screen will then look similar to the one shown.
Click to expand...
Click to collapse
This is exactly what I'm after.
Unfortunately, I tried that alternative and, again, it totally messes my TFLO, and I had to hard reset again.
What do you mean by Manila 2.0, is this the TFLO version (in Settings, I see that I have ver. 3.0 build 29946)?
thank you
Change Home tab display
Hi, thank you very much for your interest and trying to give me solutions for my request. It is amazing how people from different corners of the world are connecting and helping each other.
I presume that the file to work with is 1c684cd8_manila.
I opened that with m9editor 3.3.0.1. It's a lot of info there
Could you guys be so kind and give some clues as to what should I look for in order to change:
- the alarm notification - to move it on the upper-right corner
- the carrier logo - to delete it
- the Call History - to delete it
- the Appointments - to have at least 2-3 shown
Also, important clues as to what NOT to touch, in order to
- continue to be able to flip over the big clock
- continue to be able to open the Calendar when click on the appointment
thank you again
tatarasi said:
- the alarm notification - to move it on the upper-right corner
Click to expand...
Click to collapse
Change the X and Y in the 'Position' Property of these objects: AlarmClockOn, AlarmClockOff, AlarmTime.
tatarasi said:
- the carrier logo - to delete it
Click to expand...
Click to collapse
To the object 'OperatorLogo' add a property called 'Visibility' and change its value to False - if it won't work change it's height to 0 in the 'Size' property.
tatarasi said:
- the Call History - to delete it
Click to expand...
Click to collapse
The same as above, objects: MissedCall_SBar1, MissedCall_SBar2, MissedCallIcon, MissedCallText.
tatarasi said:
- the Appointments - to have at least 2-3 shown
Click to expand...
Click to collapse
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Kamill said:
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Click to expand...
Click to collapse
If only it was that easy... I've been trying all kinds stuff including what you suggest above. I have decompiled the 53cc1e4f_manila I'll attach it here (it's the one from yozgatg's r1.5),
12
I mean you CAN change the number of appointments, but in a range of 0 to 6 (5 with big clock). I've tried to get more appointments shown, but I failed...
Kamill said:
Change the X and Y in the 'Position' Property of these objects: AlarmClockOn, AlarmClockOff, AlarmTime.
To the object 'OperatorLogo' add a property called 'Visibility' and change its value to False - if it won't work change it's height to 0 in the 'Size' property.
The same as above, objects: MissedCall_SBar1, MissedCall_SBar2, MissedCallIcon, MissedCallText.
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Click to expand...
Click to collapse
Hi, Kamill,
Apologize for double posting, I am growing impatient feeling that I am so close to a solution
Regarding the Manila, I checked where you told me to, and I found out that I have TFLO 3D 1.2.37896.1_1813.6. Thank you.
Thank you for your advices, I already tried to remove the logo
- first, I added the <Property> Name=Visibility Value="False" - did not work
- then, I changed the Height=0 - still ATT was there
- lastly, I deleted the entire Object GLESSprite2D (which was above the "OperatorLogo" property - still no result
What do you think I am doing wrong?
Speaking of the number of appointments, I amazingly discovered that I do not have 53cc1e4f_manila file. What do you think that means?
thank you very much, again
Manila 1 is a bit different from 2.0 or 2.1, the 53cc1e4f_manila script is embedded in the 1c684cd8_manila mode9 file (one of those at the beginning).
AFAIK you can replace the logo file with a blank one (don't ask me which file is it, I don't know ). Or you can try to add a 'Position' property and move it out of the sight (but it may come back in some situations) - though I do not guarantee it'll work.
I hope you'll success in modifying the Manila 1 homescreen, I guess there is still a couple of people who use that version of TF3D.
I've seen quite a few posts for specific battery percent modifications and quite a few equests for them, specifically in theme threads so I decided to try my luck at a write up on how to do it yourself. This is my first every How To so hopefully it comes out ok.
Experienced Senior members, please let me know of any changes or corrections I should make. Thank you!
Typical Disclaimer, Do this at YOUR OWN RISK. I take no responsibility for any issues this may cause you!
The first section will just be a basic how to utilizing the UOT (Ultimate Online Theme) Kitchen. The second part will go over how to figure out the html color code of a particular theme so you can create your OWN battery % to match. NOTE: DO NOT post any battery percent mods of other developers/creators themes. That should be for yourself. If you want to share them please PM that developer/creator and offer for them to add it to their add-on section.
Required Software NOTE: This write up is for software on a Windows Machine. I do not know what software to use on Linux or OSX, sorry.
1 - 7-Zip or Winrar. I prefer winrar but it is a paid app.
2 - Instant Eyedropper. This app is ONLY required if you're trying to match a specific color. The Green already provided on the UOT matches that of Gingerbread so if your matching stock colors you won't need this.
Section 1 - Basic How to Create a Battery %
Thanks goes out to the creators/maintainers of the UOT!!!
If you decide to use the UOT, I recommend donating to them. It is an amazing tool that they offer for free.
- Go to the UOT.
- Click on Kitchen. NOTE: You will see there a many options that you can play with to build your Theme the way you want. I recommend trying them all! But this write up is for Battery Percent only will will only cover that.
- Click on the Battery Tab and select the "Use this Mod" check box. There will be 2 options here Custom Battery (fully customizable) or SCB with % (preset colors/designs). Proceed to 4 for SCB with % or 5 for Custom Battery.
- Like previously stated, this is a set color. Select the one your interested in and you will see a preview of what it will look like. If you use this option, then proceed to step 6.
- Custom Battery Option
- First determine if you have a white or black taskbar and select which you have. NOTE: I believe only those using CM7/AOSP will have a white taskbar.
- Now select the Battery Icon you are interested in. To preview them select the battery then click Generate Preview on the right.
- Next select one of the 3 charging animations you would like. This is what your phone will display while plugged in (charging).
- The next section is where you can customize the color of the battery icon at different levels. They default to Red low, Amber moderately low, Yellow midway, Green moderately high and blue mostly to fully charged. NOTE: You can find a list of HTML color codes here. Moving on you will see a color code for the Inactive portion. This is the surround of the battery. Color code for the internal portion of the battery and color code for the numbers inside the battery. Customize this how you want. You can click Generate Preview at any point while customizing to see what your battery icon will look like.
- The last portion of the color section is the percentage drop down. This allows you to customize at which percentage you want each color to change. NOTE: If you want to get rid of a color and go down to 4 or even 3 colors to do this set the part (highest number of colors you want) to 100%. This will eliminate the next Part up. I.E. Set Part 1 to Red, Part 2 to Amber, Part 3 to Yellow and Part 4 to green but change Part 4 to 100%. This will eliminate the Blue part.
- The last section are just a few check box options. Play with them and see what you like.
- Open your zip program and extract the ROM that you are using to any location that you like. NOTE: If you are using a Touchwize ROM you will need framework-res.apk, twframework-res.apk and SystemUI.apk. If you are using CM7 or AOSP you will only need framework-res.apk and SystemUI.apk. framework-res.apk and twrameworkres.apk are both located in the system/framework folder. SystemUI.apk is located in the /system/app folder.
- Back to the UOT click on the File Upload tab. On the right side under "Select your rom from kitchen's list, or upload your own files" select Upload System Files.
- Click on the Select File option under framework-res.apk and locate/upload that file. Do the same for the SystemUI.apk and lastly the twfreamwork-res.apk (ONLY if you're using a TouchWiz ROM).
- Once everything is uploaded select the Summary tab. Here you will see your Battery in Green and your uploaded files in Green. IF IT'S NOT GREEN SOMETHING IS WRONG. GO BACK AND FIX IT. If everything is green then click Submit Work to Kitchen on the bottom left.
- You will now see your order number. Write it down if you'd like. After you've recorder your number click on Click here to go to the pickup page!. Once your theme is cooked it will show up here under Your recently cooked files. It will take a bit to cook and can take a long time depending on how busy the kitchen is. BE PATIENT!!!!
- Once it is available download it and put it on your sdcard. Boot into recovery. MAKE A BACKUP!!! and then flash the theme like it is a ROM. Reboot and Voila, you now have battery percent.
Section 2 - How to identify a specific battery color.
So you have this great theme that some awesome dev created but you want battery percent icon for it. Problem is you don't know what color he used. Well, we have a fix for you.
- Extract the ROM using whatever archiving program you use.
- Navigate to /system/framework or just /framework depending on how it was cook and find the file framework-res.apk. Now open that file in your zip program and navigate to /res/drawable-hdpi and locate the file stat_sys_battery_100.png and drag that file to your desktop.
- Install and launch Instant Eyedropper. Left click on the icon in your System Tray like it says. Keep the mouse clicked and drag the cross hairs to the .png you have on your desktop. You will see it display the HTML color ID of that icon. Write it down but note that when you un-click it automatically copies that ID to your clipboard.
- Use this color code is Step 4 of Section 1 to create a custom battery that matches your theme. NOTE: To make all percentage levels the same color just past that code in all Parts, 1-5.
well done...Also it has a video tutorial...
jr_718 said:
well done...Also it has a video tutorial...
Click to expand...
Click to collapse
Thanks, yeah, I know. Problem is not everyone know's how to click on "How-To". LOL, anyways, at a minimum MAYBE it'll reduce the amount of requests and point people in the right direction.
Hello all, you may be familiar with how the GS4 has a white background in Settings and other options with black/dark grey font. I've been trying to find a GS3 theme that'll work on our sprint phones but had no luck. Would it be hard to make a theme like this for our Sprint S3s?
The color seems pretty simple. But the text, I have no experience with so Idk. As for the settings background, just gotta find the apk (don't remember which it is. But just find the background, invert, place it back In the apk and then put it into the location and rename the original with a . Bak and then place the new one there and set correct permissions then restart.
ReapersDeath said:
The color seems pretty simple. But the text, I have no experience with so Idk. As for the settings background, just gotta find the apk (don't remember which it is. But just find the background, invert, place it back In the apk and then put it into the location and rename the original with a . Bak and then place the new one there and set correct permissions then restart.
Click to expand...
Click to collapse
Well actually, Touchwiz by default pulls a black background if there's no universal background image in the framework-res's nodpi folder. You can simply add a white background and name it correctly to have it enabled. The problem is, enabling the inverted text here. I'm sure there's values all over the TW framework that overlap (for example, Touchwiz may have a TW_Color_001, TW_Color_002, etc. with each hex value used to determine text values. In settings, it may be TW_Color_002 for headers/sub headers, but it may also call upon that value in for example, the messaging app. If we were to invert the TW_Color_002 from #FFFFFFFF to #FF000000, then it will fix the Settings, but then the Messaging app will have black on black. The solution is to make the Settings app completely indepedent of TWFramework values by individually setting it's own values across the system. This is what would make doing such a task tedious and time consuming. If you're willing to try it, you can decompile SecSettings.apk from your ROM of choice, manually adjust all of the text HEX values from #FFFFFFFF to #FF000000. We'd also have to call upon it's own background image so it doesn't affect all apps.
Ascertion said:
Well actually, Touchwiz by default pulls a black background if there's no universal background image in the framework-res's nodpi folder. You can simply add a white background and name it correctly to have it enabled. The problem is, enabling the inverted text here. I'm sure there's values all over the TW framework that overlap (for example, Touchwiz may have a TW_Color_001, TW_Color_002, etc. with each hex value used to determine text values. In settings, it may be TW_Color_002 for headers/sub headers, but it may also call upon that value in for example, the messaging app. If we were to invert the TW_Color_002 from #FFFFFFFF to #FF000000, then it will fix the Settings, but then the Messaging app will have black on black. The solution is to make the Settings app completely indepedent of TWFramework values by individually setting it's own values across the system. This is what would make doing such a task tedious and time consuming. If you're willing to try it, you can decompile SecSettings.apk from your ROM of choice, manually adjust all of the text HEX values from #FFFFFFFF to #FF000000. We'd also have to call upon it's own background image so it doesn't affect all apps.
Click to expand...
Click to collapse
Pheww,...that sounds pretty damn inolved. Im going to do more extensive readin on decompiling apps and recompiling and Hexs and see if I can take a shot at this sometime. Thanks for the info!
88EVGAFTW said:
Pheww,...that sounds pretty damn inolved. Im going to do more extensive readin on decompiling apps and recompiling and Hexs and see if I can take a shot at this sometime. Thanks for the info!
Click to expand...
Click to collapse
Its more simple than you think... all those codes, are just colors lol.. open an image editing program.. #000000 if black #FFFFFF is white, 00FF00 is bright lime green, etc.