miLock User Customizations (Detailed Instructions)

If you havent checked this out you should. Version 1.8 live for i5 and 1.6 live for the 4s. 

Over 50 options. Tons of ways to customize miLock

Font Type - 8 fonts / also a sub menu to select from 8 different objects to fall when device is shaken + Toggle

Font Size - 8 font sizes to choose from / also a sub menu to select from 8 font colors.

Moveable Weather Elements - 9 Elements you can turn on, and move anywhere on the lockscreen.

Widgets - 4 widgets to choose from

Wallpapers - 6 wallpapers to choose from have to option to pick a theme background, or weather image

24hr or 12hr - Selectable directly from the lockscreen. 

C or F -  Select Celcius or Fareinheit

Font Types

Advent

CaviarDreams

Factor

Square

BankGothic

WaltoGraph

CFB

Oktober

Falling Objects

Filled Star

Outline Star

Biohazard

Music note

Leaf

Heart

Snowflake

Dollar Sign

Font Colors

blue

red

purple

green

pink

white

black

orange

Font sizes

20px

22px

26px

35px

43px

40px

52px

58px

Widgets

HTC Clock

4 Day forecast

Animate Weather (uniAW)

Slideshow

Movable Weather Elements

Temp

Icon

City

Humid

Desc

Date

Low

High

Time

Above is the Main Menu. From left to right. Select moving elements, Widgets, Backgrounds, Font Size/Color Font Type/Symbol Type, and location entry/24hr/F.

To start you will need to press the Location Entry Far right. Here you will need to Enter your zip code, Press if you entered Zip or Woeid, Select 12hr or 24hr time, and select farenheit to celcius.

Once your done press save. Your lockscreen will load and show a weather background. If it does not load go back to Location Entry, Press reset. Then retry your zipcode or woeid.

Moving elements:
 To add weather elements to your lockscreen, you will need to turn them on. Select the symbol below.  This will open the Main Menu. If you do not see it Unlock and Lock your device for it to show. Note: Even when it isnt showing it is still able to be pressed.

Main Menu Button

Once the meun is up you will need to select

Movable Weather Elements

This will bring up this menu

Select the white buttons to turn on, and off buttons to turn off the element from being shown.

Once selected the lockscreen will remember your selection until a respring.

Once you have the items you want turned on. Close the window. Now you are able to touch these icons and move them around on the lockscreen. When you stop moving the lockscreen records the position, and is saved until a respring

Widgets

The above button takes you to the Widget menu. Which looks like this.

From top to bottom, the widgets are Clock, 5Day Forecast, uniAW, Slideshow, and Close.

 HTC Clock widget.

Select this icon from the widget menu, to turn the HTC style clock on.

You can move the clock around on the lockscreen, and it will remember its location until a respring.

If you cannot move the clock, select it again from the menu.

 5 Day Forecast

Select this icon from the widget menu, to turn on 5 Day Forecast. This widget is also movable, if you cannot move it, select it again from the menu. Fonts will change on this widget, as well. You will need to unlock and lock your device for the fonts and colors to change.

uniAW (One Animated Weather)

Select this icon to enable uinAW by Ian Nichol, This widget is not movable. It will sit at the top of the screen, As the day goes on the sun will move across the screen. At night the moon will come and move across the screen. When it is cloudy clouds will come across the screen, if it is raining rain drops will fall. 

Slideshow

Select this icon to enable the Slideshow. For the slideshow to show. You will need to unlock and lock your device.

Close

Close is where you select what widget you want to close that you have previously selected. Press the widget menu and choose close. Another menu will popup with a list of widget. Touch one to close it.

Rotating Text

To Rotate text slide right 3 times right about the slider. This will flip the text. Continue to swipe to rotate more.  Note: It will only save your position if city is showing.

Falling Objects

To initiate falling objects, you must turn it on. Go to 

At the bottom you will see falling objects. Click it. Now you will be shown the falling objects menu.

Select on and select a falling object. Once selected it will reload. Now shake your device to see the falling object you chose.

Wallpapers

To change the wallpaper select

This will open the background menu. It displays 6 preset backgrounds to choose from, also my theme backgrounds, and weather only option.

Weather only will show a weather background for each condition 40+ HD wallpapers

If you would like to add your own backgrounds. put the images in Private/Stylesheets/walls

I made it where all  your have to do is replace them images. The code automatically makes thumbnails for the images. They must be HD for iPhone  640 x 1136.

miLock a very customizable lockscreen, that allows you to customize it to your liking with no coding knowledge!!

BUT

Sometimes that isnt enough. This page will teach you how to change wallpaper images,  adding fonts, all the way  to implementing your own widgets. 

Changing Wallpaper Images

There are many ways to do this. First I will explain how to do this via PC or Mac.

PC

Download iFunBox. This application will allow you to plug your phone into your usb. Then search and replace files on your phone. Very easy. 

iFunbox for Mac and PC

Once you download open it up. Plug your phone in. It should say iphone in the top left. Below this is your system directory. You do not want to play in here to much. Only certain things can be edited.

Click Raw System File, you will see folders on the right side. Look for Library, inside Library look for Themes, inside Themes look for miLock. 

Once you get to miLock you will need to go to Private. After Private go into Stylesheets, inside Stylesheets go to walls. Here is the wallpapers that are shown, when you click the wallpaper button on the menubar of miLock. 

To change these. Find an image. (Sized for your device) Name that image the same name, as one of the images in the walls folder. Make sure it is a .jpg image. Then drag it into that folder.

It will replace it with your image. Now it will be on your miLock lockscreen.

iFile

I will explain how to take an image from your camera roll (the place your pictures go when you take them) and put them in miLock.

Download ifile from cydia. It is free, but also has a paid version. Once installed open it up. At the top of the screen you should see a /. If you do not touch the top left button until you do. This is the beginning of your system directory(root). 

 First I will explain how to get your image. Go to var then mobile then media then DCIM. Click DCIM you will see 100APPLE click it. Now you see all your images from your camera roll.

Now we need to copy this image so we can use it in miLock. Find an image. Once you have found one  click edit in the top right. Now you will see circles on the left hand side of everything. Click the circle on the image you want. Now at the very bottom, far right there is a clipboard icon. Click it then click Copy/Link.

Once we have our image copied we need to find miLock. Hit the top left button to go all the way back to the beginning of the system directory(root). Now click Library, Themes, and miLock. 

When your in miLock. Go to Private/StyleSheets/Walls. When your inside the walls folder click edit. Now click the clipboard icon at the very bottom right. Now it will display paste since we already copied. So click paste.

 Now your image from your camera roll is in miLock, But miLock doesnt recognize this image(it isnt coded to). So you need to give it a name miLock recognizes. So name it the same as an existing image. 

For example image6.jpg is a lady bug. If you want to replace it. Rename the lady bug to image0.jpg (or any different name) Now name your image you just put in there to image6.jpg. It will override that image, and now will be displayed for you to choose in miLock. 

(To rename files click the arrow on the right. find the image name click it then edit it)

Adding Your own Fonts

Coming Soon!!

Adding widgets into miLock to use miLock cookies

Currently working on this write up.

This is mainly for coders, you will need to know html, css, jQuery, and JavaScript

First thing you will need in your Lockscreen/Widget is jquery library, and the cookie library.

These can be found in Library/Themes/miLock/js. 

Implement them  in your html 

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="jquery.cookie.js"></script> 

Now  we need to find our var local and tempUnit in our html. We will be replacing these with.

var tempUnit = $.cookie("cfccookie"); 

var locale = $.cookie("ifilecookie"); 

These are cookies I have pulling the information entered from the keypad on the ls.

Since both woeid and zip are entered you may need to convert for your weather widget. Most widgets will have a fetchWeatherData function. Enter this above that.

function convertWoeidzip () {

if ($.cookie('urlwidget') == "pressed"){

zip = $.cookie('ifilecookie');

weatherRefresherTemp(zip);

}

if ($.cookie('urlwidget') == "woeid"){

var url = "http://weather.yahooapis.com/forecastrss?w="+postal+"&u=f";

$.get(url, function(data) {

zip = $(data).find('guid').text().split('_')[0];

weatherRefresherTemp(zip);

});

}

}

function setPostal(obj){

if (obj.error == false){

if(obj.cities.length > 0) {

postal = escape(obj.cities[0].zip).replace(/^%u/g, "%")

convertWoeidzip();

}

else

{

document.getElementById("city").innerHTML="Locale ?!";

}

}

else

{

document.getElementById("city").innerHTML="Locale ?!";

setTimeout('validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)', Math.round(1000*60*5));

}

}

Also make sure your fetchWeatherData is


function fetchWeatherData (callback, zip) {
var url="http://xml.weather.yahoo.com/forecastrss/" + zip + "_" + tempUnit + ".xml";
var xml_request = new XMLHttpRequest();
var requestTimer = setTimeout(function() {
xml_request.abort();
if (xmldata == false) { callback ({error:true}); } else {
document.getElementById("coordinates").style.color = "red";
document.getElementById("coordinates").innerHTML = "[Offline]"; }
    }, 10000);
xml_request.onload = function(e) {
clearTimeout(requestTimer);
xml_loaded(e, xml_request, callback);
}
xml_request.overrideMimeType("text/xml");
xml_request.open("GET", url);
xml_request.setRequestHeader("Cache-Control", "no-cache");
xml_request.send(null);
return xml_request;
}

You need it to pull from this site to get a 5 day forecast.

Of course this depends on how your weather widget is coded. But most pull from a zip. So if woeid is entered it is converted to zip before put to the url. If a zip is entered it bypassed it and uses the zip code.

Thats pretty much it. Now just make an iframe to pull the html,  add button to enable widget, add to menu close button.  Can add it to be moveable. All that code is there and repeated over and over. If you have any questions let me know. 

Ive converted 4 widgets to work with miLock. Can pull 5 day forecast with Zip and Woeid. Very customizable.

http://woeid.rosselliot.co.nz/ Get your woeid code for the lockscreen.