Savvy.UI

Frequently Asked Questions

• How to Check Your Savvy.UI Version?
• How to Debug Your Code?
• How to Load Savvy.UI’s Theme?
• How to Use $() With Savvy.UI?
• How to Compress Your Code?
• How to Report a Bug?

How to Check Your Savvy.UI Version?

Savvy.UI store version it’s version code at SUI.fn.version which you do checking via:

alert(SUI.toString());

or alternatively you can also use:

if(SUI.fn.version !== '0.1.2 (alpha)') {
    alert('Please upgrade your Savvy.UI');
}

How to Debug Your Code?

Savvy.UI come with a build-in debugging function that store all debug message during runtime. This message can either be integrated with Firebug (extension for Mozilla Firefox) or JavaScript native window.alert(), this message will only be shown when you turn on debugging mode. Check this article to learn more how to debug your code.

How to Load Savvy.UI’s Theme?

Savvy.UI come with two (2) set of theme available under the css folder from your downloaded package. Here’s an example on how to embed the Cascading Style Sheet (CSS) file:

<style type="text/css">
<!--
@import url("/path-to/sui/css/style-black.css");
-->
</style>

How to Use $() With Savvy.UI?

Adding $() support for Savvy.UI Javascript Library is partially simple as long as the library isn’t mixed with any other JavaScript Framework which also depend on $() function. If you are certain, all you need to do is add these following code (after loading the script file):

var $ = SUI;

How to Compress Your code?

We would like to recommend JavaScript Compressor as your compressing tool. The JavaScript Compressor can minimize your code up to 50% less than the original, and we are using it for the compressed version.

How to Report a Bug?

If you come across any bug while using Savvy.UI please inform us.