KPI widget Mockup for Dashboards
In response to Bill’s request for a KPI widget for a dashboard here is a easy way to build the desired widget. The grid_table widget is very powerful and with all the options turned on it may seem little overwelhming. Using the same grid table we produced the following KPI indicator widget Here are the … Read more
Wireframe Look and Feel
A bunch of new personalizable settings are available as follows One that is discussed here is the first option “Color Theme” Color Theme : This option lets you set the color skin for the whole application. When you select a theme, all UI elements use the base color of the theme. The widgets are … Read more
Oracle ebusiness Suite Navigator Mockup
This is one of the first navigator screens you see when you login to Oracle Applications
Oracle Inventory Item Master Mockup
This is one of the Oracle Inventory Item Master Data entry form
Yahoo Mockup – Wireframe – Hand drawn vs normal look
Check out the Yahoo home page mockup
Google Plus Mockup – hand drawn vs normal look
Here is a fresh mockup of Google Plus interface.
How to install/host Mockups on your own server or domain
Follow these steps If you already have your own XAMPP / LAMP / WAMP / MAMP / IIS setup If you want to host it on your own domain If you want to intall on your corporate network/intranet Requirements PHP 5+ MySQL IIS or Apache webserver The steps will work on any webserver provided MySQL … Read more
How to build Table Grids
Here is the basic structure that defines a Table/Grid. Each option for the grid is defined on a separate line row:5 col:4 width:0 align:left,right,center,left,right col_data:3,4,5,6 col_data:13,14,15,62 col_data:23,24,52,36 col_data:31,14,53,64 band_color:#F7EEA6,#FFFFFF header_color:#CDFF57 summary_row:Totals,10,20,30 summary_color:#C2F3FF Here is the explanation for each option row:5 col:4 You provide the number of rows and columns. width:0 The width:0 will set … Read more
How to draw lines in mockups
Draw curve lines Draw Horizontal lines Draw Vertical lines Toggle arrows for any lines change the shape of the arrows Draw Scrollbars
How to use text widgets in Wireframes
Create link bars Create Bullet List Create Checkboxes and Radio list Position the checkboxes on the right side of the text Change background of the text and other format options such as bold, italic, underline, strikethrough