Buy now!

Basic Methods

Function

Sample

Result

[string].limitTo(number)

"12345".limitTo(3)

123...

[string].getNumbers(string)

"a12 (34)-5".getNumbers()

12345

[string].removeChars(string)

"12345".removeChars('24')

135

[string].removeSpecialChars()

"áèïôû".removeSpecialChars()

aeiou

[string].padLeft(number, char)

"123".padLeft(5,'0')

00123

[string].padRight(number, char)

"123".padRight(5,'0')

12300

isNull(value, default, callback?)

isNull(null, 'value1')

value1

isNull(null, 10, elapsedTime)

10 m

isNull(120, 0, elapsedTime)

2 h

Formatting Methods

Function

Sample

Result

[string].maskFormat(string)

"1112223333".maskFormat("phone")

(111) 222-3333

"11122233399".maskFormat("cpf")

111.222.333-99

"11222333444455".maskFormat("cnpj")

11.222.333/4444-55

"11222333".maskFormat("cep")

11222-333

dateFormat(date, {options})

dateFormat(new Date(2016, 11, 31, 17, 35, 55))

2016-12-31 17:35:55

dateFormat(new Date(2016, 11, 31, 22, 30, 0), { timeFormat: "h:m"})

2016-12-31 22:30

dateFormat("2016-06-02T02:15:00Z", { dateFormat: "d/m/Y", timeFormat: "h:m:s" })

02/06/2016 02:15:00

elapsedTime(minutes)

elapsedTime(175)

2 h 5 m

$("#sample-elapsedTime").elapsedTime()

10 m

Array Methods

Function

Sample

Result

[array].orderBy(string, string)

[array].orderBy("name","asc")

{name: Apple}
{name: Banana}
{name: Grape}

[array].orderBy("name","desc")

{name: Grape}
{name: Banana}
{name: Apple}

[array].orderBy(string[], string[])

[array].orderBy(["price","name"], ["asc","desc"])

{name: Grape, price: 2}
{name: Banana, price: 2}
{name: Apple, price: 3}

[array].enumerate()

[array].enumerate()

{_id:1, name: Apple}
{_id:2, name: Banana}
{_id:3, name: Grape}

[array].where(string, object)

[array].where("price", 2)

{name: Banana, price: 2}
{name: Grape, price: 2}

[array].where(function)

[array].where(function(obj){ return obj.name.indexOf("e") >= 0; })

{name: Apple, price: 3}
{name: Grape, price: 2}

Useful Methods

Function

Sample

Result

getProperty(string, object)

getProperty("name", {name:"Gustavo", age: 19})

Gustavo

getProperty(string, object)

getProperty("car.color", { name: "Gustavo", age: 19, car: { color: "Black" }})

Black

Forms Methods

Function

Sample

Result

enableAll(string, object)

$("#myForm").enableAll();

Enable all elements inside

disableAll(string, object)

$("#myForm").disableAll();

Disable all elements inside

readForm()

var model = $("#myForm").readForm();

Read all elements values. Elements needs to use the "data-property" attribute

writeForm()

var model = $("#myForm").writeForm({object});

Fill all elements based on "data-property" attribute

clearForm()

$("#myForm").clearForm();

Reset all elements

valid()

$("#myForm").valid();

Validate all elements

BUBBLE MESSAGE

                    $(document).ready(function () {
                        var title = "Success";
                        var message = "This is a sample message.";
                        var css = "success";                            //-- success|info|error|alert
                        var position = "top-right";                     //-- top-right|top-left|bottom-right|bottom-left
                        var seconds = 2;

                        showBubble(title, message, css, position, seconds);
                    });
                

CSS - Grid Layout

                            

CSS - Forms Layout

.com
                            
.com

CSS - Horizontal Menu

CSS - Buttons

                    

CSS - Tile Buttons

Link Link
                    
Link Link

CSS - Tags

New New New New
                    
New New New New