I decided to post a topic regarding rebranding the iPhone mobile app. I recently was able to re-brand the app for this first time, using the software required for the first time as well so I wanted to share what I learned with everyone. This topic is to discuss the 'basic' rebranding instructions and NOT about adding new modules. Below is the easiest way to re-brand your iPhone app.
Tools/Software needed:
MAC OSX (Since I do not have a MAC, I used MAC OSX in a virtual machine)
XCode (This comes with the Simulator for iPhone and iPads - Great for testing)
Image Editor
Text Editor
To replace the icons with your own: (Just use the same names - @2x images are for IPads)
There are 4 images in the root of the package
- Default.png, Default@2x.png, Icon.png, Icon@2x.png
The rest of the images you can replace reside in the 'img' folder
Files that you need to edit:
Info.plist (Edit the code in RED to reflect your own app name)
- Look for the following code to Change the name of the Bundle's Display Name
<key>CFBundleDisplayName</key>
<string>OO</string>
- You will need to change the Bundle Indentifier here
<key>CFBundleIdentifier</key>
<string>com.boonex.dolphin</string> (this should reflect your own domain ex. com.mysite.bundlename)
- To change the bundle name
<key>CFBundleName</key>
<string>Dolphin</string>
Changes in the Classes/config.h file:
To lock the app to your site only, look for the following code
// specify site you want to lock to, for example: #define BX_LOCK_APP @"mysite.com/dolphin"
#define BX_LOCK_APP nil
You can change it look something like this
// specify site you want to lock to, for example: #define BX_LOCK_APP @"mysite.com/dolphin"
#define BX_LOCK_APP @"www.mysite.com" (I had to use the www in front for it to work)
- Colors can be changed here too
To change any text on the iPhone mobile app:
If you want to make any changes to the text, you can edit the English.lproj\Localizable.strings file
Example: I didnt like that the iPhone app said Images along the bottom tab, and Photos on the home screen. So I changed the following text in RED to reflect the word Photos
/* Images tab title */ (The word tab is associated with the bar along the bottom of the app)
"Images tab" = "Images";
You can also edit the About Us text by changing this code:
/* About text in HTML format */
"About Text" = "
<html>
<body style=\"background-color:transparent; color:#fff; font-family:Helvetica; padding:5px;\">
Connect to community sites powered by
Dolphin and use them from your iPhone.
<br />
<br />
By <a href=\"http://www.boonex.com/\" style=\"color:#fff;\" target=\"_blank\">BoonEx</a> - Community Software Experts.
</body>
</html>
";
These are the easiest steps to rebrand your iPhone app to your own look and feel. You can find the Android help HERE
