Using Widgets on iOS9-11

Using LS Widgets on iOS11

Currently the only tweak that allows the use of LS widgets on iOS11 is LockPlus by @JunesiPhone. The version of this tweak that’s optimised for iOS11 is still in beta and is only released to a selected few on June’s personal Discord server. And I have to warn against using any copy of the tweak from sources other than from June himself (e.g. pirates, youtube) because…well they’re just not safe. Edit: It is now available on June’s supersecret repo, more info: http://junesiphone.com/supersecret/

Basically you can search for widgets within the LockPlus hub and that’s how 99% of LockPlus widgets are shared/released. But for myself, I also share the plists of widgets. To install, place the plist in this directory (the place where all your downloaded LockPlus widgets are placed):

/var/mobile/Library/LockPlus

After you do this, you’ll be able to see the widget in the THEMES tab of LockPlus when you swipe down on the lock screen.

There have been news from devs that both LockHTML and Xen HTML will be updated eventually (Bushe and Matt). But in the meantime, stick with LockPlus.

 


 

Using LS Widgets on iOS10

The widgets take this usual form: LockBackground.html, Config.js, Style.css, JS scripts etc.

You can either use LockHTML4 or Xen HTML to apply widgets on the lock screen. Either download from my repo or from Dropbox. Place the widget in the following directory-

/var/mobile/Library/LockHTML

Weather/Battery widgets

Widgets that only contain the clock and calendar, i.e. without weather or battery elements, will work on iOS10 without any further actions. However, for those with weather/battery, you may have to take a few more steps.

For weather, you need to use the weather code of your city; for battery, you need to install InfoStats (1, not 2, mind you).

For newer widgets, the default HTML uses weather code & IS1, so they should work on iOS10 fine.

On the other hand, for older widgets released in pre-iOS10 days, the default HTML is for InfoStats 2, which is only compatible on iOS9.

Simple steps to get the alt HTML working:

  1. Go into the widget folder, and you should be able to see Config.js, HTMLs, Style.css etc.
  2. Rename the default LockBackground.html to something else, e.g. LockBackground(IS2).html
  3. Look for an alternative HTML named LockBackground(wcode).html
  4. Rename the alt HTML back to LockBackground.html
  5. Open up Config.js, enter the weather code of your city
  6. Apply with LockHTML4 / Xen HTML

 


 

Using LS Widgets on iOS9 or lower

The widgets take this usual form: LockBackground.html, Config.js, Style.css, JS scripts etc.

You can either use LockHTML4 or Xen HTML to apply widgets on the lock screen. Either download from my repo or from Dropbox. Place the widget in the following directory-

/var/mobile/Library/LockHTML

Weather/Battery widgets

There are 2 ways for you to get weather & battery going: 1) InfoStats 2, or 2) weather code and InfoStats 1.

The default HTML is for IS2 in old widgets, and for weather code in new widgets. Simply rename the alt HTML if you wish to use the alternative method:

Simple steps to get the alt HTML working:

  1. Go into the widget folder, and you should be able to see Config.js, HTMLs, Style.css etc.
  2. Rename the default LockBackground.html to something else, e.g. LockBackground(IS2).html
  3. Look for an alternative HTML named LockBackground(wcode).html
  4. Rename the alt HTML back to LockBackground.html
  5. Open up Config.js, enter the weather code of your city
  6. Apply with LockHTML4 / Xen HTML

 


 

Using HS Widgets on iOS11

Lucky you, there are currently 2 methods to enable widgets on your springboard: 1) AnemoneHTML, and 2) FrontPage.

1) AnemoneHTML

Well first of all, yeah you need Anemone. And also AneInfo, a tweak that works like WidgetInfo, both developed by the same guy June. AneInfo is available here: http://junesiphone.com/aneinfo/ (there is a download link, and just install it like how you’ve been doing it for Electra)

Once you have done the preparation, go to my Dropbox public folder and you should be able to see the section named “AnemoneHTML”. Download the widget you want, unzip it and place it in /Library/Themes, and edit the configurations in Config.js as usual.

Open up Anemone, and you should be able to see the widget under the package name “HS Widgets_Evelyn”. Enable it, hit “Apply” and let it respring. Then ta-da!

2) FrontPage

Now the iOS11 version of this tweak is not public yet, as it’s still in beta and being tested by a handful of individuals on June’s Discord. For recent widgets that I’ve released, I’ve already included an HTML for FP. You may have to rename the HTML to “index.html” if it’s not already done. Place the widget in the following directory:

/var/mobile/Library/FrontPage

3) News on other tweaks

I assume Xen HTML will be updated to enable the use of HS widgets. It is still uncertain whether iWidgets will be updated, as I have not heard any news from the dev (and tbh I don’t think the dev is active given the fact that iWidgets was not officially updated by him to be compatible on iOS10).

So basically, if you don’t have access to FrontPage yet, then AnemoneHTML is a very nice alternative. A small downside is it does not allow touch functions of widgets, but other than that I’d say it’s more than enough to satisfy your needs.

 


 

Using HS Widgets on iOS10

Now there are a lot to choose from for iOS10 people: 1) Xen HTML, or 2) iWidgets. And for weather/battery etc., you can use 1) InfoStats + weather code, or 2) WidgetInfo.

1) Xen HTML

It is best to use the SB versions with Xen HTML. Same as LS widgets on iOS10, you may need to rename the alternative HTML in order to use weather code & InfoStats for weather/battery to show.

All SBHTMLs go here:

/var/mobile/Library/SBHTML

2) iWidgets

All iWidgets go here:

/var/mobile/Library/iWidgets

Default HTML uses weather code + InfoStats (for old widgets, please use the one named “Widget(wcode).html”). Or alternatively you can use the alternative HTML marked “WI”, which stands for WidgetInfo. It’s available at June’s website here: http://www.junesiphone.com/widgetinfo/

 


 

Using HS Widgets on iOS9 or lower

Please refer to the part about iOS10 above ↑. It’s basically the same on iOS9 or lower, the only difference being you can also use InfoStats 2 for weather/battery and what not.

 

Another useful tutorial here about using fonts on iOS9-11: https://evelynynw.wordpress.com/2018/02/22/using-fonts-on-ios9-11/

 

Advertisements

Using Fonts on iOS9-11

Using Fonts on iOS11

First of all, what fonts are compatible? Technically speaking, all iOS10 fonts that I’ve released do work on iOS11 – with the exception of the lock screen clock (& also the calculator). These require 4 extra OTFs, so if you use iOS10 fonts on iOS11, a handful of places will only show the stock font.

You will see font patches for iOS11 in my Dropbox folder. They contain the 4 extra OTFs, and also SFUIText.ttf if it’s a variable font (for single weight fonts there is no new SFUIText.ttf since the existing one for iOS10 works fine).

Next thing is, how do you apply the fonts? There are 2 methods – 1) Anemone, and 2) Filza(Jailed).

1) Anemone

I actually recommend this method, as it does not replace the original font files so it’s definitely safer. However, starting from Electra B9 onwards, the dylib & plist of AnemoneFonts (the crucial pieces to enable fonts through Anemone) are removed from the library. So if you’re using these newer versions of Electra, then you might not be able to use this method.

*Note: The dylib & plist are added back to the final releases of Electra, i.e. 1.0.x. So theoretically Anemone Fonts should work.

Simple steps on how to use the font patches:

  1. It’s still a safe thing to do to back up the fonts at the system fonts directory: /System/Library/Fonts
  2. Make sure you have Filza/FilzaJailed/FilzaElectrocuted(?) or any software that allows you to SSH into your device (e.g. Cyberduck on Mac, WinSCP on Windows)
  3. Download BOTH the iOS10 zip and the iOS11 patch from Dropbox
  4. Unzip the iOS10 zip, and you should get a folder like this: FONTNAME (iOS10).theme – inside you’ll see another folder named ANEMFontsOverride
  5. Place the iOS11 patch files into ANEMFontsOverride (choose “replace” for SFUIText.ttf if prompted)
  6. Rename the parent folder as FONTNAME (iOS11).theme if you like
  7. Place this .theme folder into your device via SSH in this directory: /Library/Themes
  8. On your device, open up Anemone, and you should be able to see the font under the package name of “Fonts”
  9. Enable it, hit “apply” – and ta-da!

2) Filza

If you’re jailed, or jailbroken with LiberiOS, or you don’t wanna risk using the AnemoneFonts dylib & plist, you can use this method. But be extra careful, as this method replaces the font files at its system directory, so if anything goes wrong, a safemode won’t save you.

BACK UP THE FONT FILES AT /SYSTEM/LIBRARY/FONTS!

  1. Said it before and I’ll say it again. BACK UP THE STOCK FONT FILES.
  2. Make sure you have FilzaJailed installed.
  3. Download BOTH the iOS10 zip and the iOS11 patch from Dropbox – place them in your device with whatever method you feel comfortable with.
  4. The font files and their respective directories:

    Georgia.ttf x 4 — CoreAddition

    Helvetica.ttc x 5 — Core

    Keycaps.ttc x 2 + PhoneKeyCaps.ttf — CoreAddition

    SFUIDisplayG1.otf x 4 — CoreAddition

    SFUI[Display + Text + TextItalic].ttf — CoreUI

  5. Copy and paste (replace) the iOS10 font files in the corresponding folder in /System/Library/Fonts
  6. Copy and paste (replace) the iOS11 font files in the corresponding folder. Make sure you deal with the iOS11 patch last, since these files should replace the same-named ones of iOS10.
  7. (optional) Go to /var/mobile/Library/Caches/com.apple.UIStatusBar and delete the cache files inside.
  8. Reboot and ta-da!

 


 

Using Fonts on iOS9 & 10

3 methods: 1) Anemone, 2) BytaFont Tweak Mode, or 3) BytaFont Swap Mode.

1) Anemone

Download the font you want from my repo. Or if you prefer Dropbox, download, unzip, and place the .theme folder in /Library/Themes.

Open up Anemone, look for the font under the package name of Fonts. Enable it, hit “apply” then BAM.

2) BytaFont Tweak Mode

You will see fonts on my repo or Dropbox marked (TM) – these are for tweak mode.

Place the .font folder in this directory: /Library/BytaFont/

3) BytaFont Swap Mode

I do not recommend this method, as it replaces stock font files. And if you forgot to make a back up of stock fonts and somehow screw up something…good luck my friend.

Download the Anemone version of the font. You can see the font files within the “ANEMFontsOverride” folder inside. Create a folder FONTNAME.font under this directory: /var/mobile/Library/MyFonts2. Move the font files in “ANEMFontsOverride” into this FONTNAME.font folder. Enable in BytaFont.

parallel

[Setup] Parallel

this is what my iP6S+ looked like before I turned it into my testing device, so long my friend

> icon theme = pivot

> LS from WdgtPack5

> HS modded based on an LS in an old setup

Edge/

[Setup] Edge

This is really different from what I usually do tbh. Liked it for quite a while, but now it’s a big nope lol.

> heavily inspired by a setup I saw randomly online

> icon theme = MIN

> all widgets are NFR for now