Weaver Documentation

Welcome to Weaver 0.8.10

The following is a rough documentation of the dynamic features of weaver

Button action

Form

Textfield features

Form elements with default values (refresh to reset)

Customizing submit button

Radio buttons

Dynamic Table

Dynamic tables take json information from a URL and displays it in table form

See it in action

Key	Value

Dynamic Table with an array

If the input is an array it will attempt to display all the information in that array

See it in action

Key	Value

Dynamic Table with named columns

You can specify the columns that you want to show

See it in action

Key	Value

Dynamic Table with named columns

You can specify the header looks too

See it in action

Idol Name	Idol Age

Dynamic Table with icon columns

You can specify the header looks too

See it in action

Idol Name	Idol Age

Dynamic Table with custom columns

You can specify the what the cells of each column looks like too.

The ###something### is replaced with the name of the member inside the object

raw_page do
  h = [
    { name: 'haruka', age: '17', color: 'red', inv_color: 'white' },
    { name: 'chihaya', age: '17', color: 'blue', inv_color: 'white' },
    { name: 'iori', age: '15', color: 'pink', inv_color: 'black' },
    { name: 'yayoi', age: '15', color: 'orange', inv_color: 'black' },
    { name: 'ami', age: '13', color: 'yellow', inv_color: 'black' },
    { name: 'mami', age: '13', color: 'yellow', inv_color: 'black' },
    { name: 'makoto', age: '17', color: 'black', inv_color: 'white' },
    { name: 'ritsuko', age: '19', color: 'green', inv_color: 'white' },
    { name: 'kotori', age: '24', color: 'beige', inv_color: 'black' },
    { name: 'hibiki', age: '17', color: 'turquoise', inv_color: 'black' },
    { name: 'takane', age: '18', color: 'magenta', inv_color: 'white' },
    { name: 'azusa', age: '20', color: 'purple', inv_color: 'white' },
    { name: 'miki', age: '18', color: 'lime', inv_color: 'black' },
    { name: 'yukiho', age: '16', color: 'white', inv_color: 'black' }
  ]
  text h.to_json
end

See it in action

Idol Name	Idol Age	Idol Color

Dynamic Table with buttons that access row data

You can create data buttons that can access the row data and allow you to access the information on the row

See it in action

Idol Name	Idol Age	Button

Modal Dialog

Credit Card Entry

Credit Card Entry Customization

You can use your own custom card images if you have them