KPI Widget Sample mockup

wireframe

posted by : mockuptiger

Keywords : Just a simple KPI grid using the Grid component_ The grid is a powerful component and there are lot of variations you can apply to create totally different widgets

{"grid_table_d0":{"mode":"live","x":0,"y":0,"w":585,"h":434,"divName":"grid_table_d0","canvasName":"grid_table_c0","objType":"grid_table","objClass":"widget","opacity":0.4,"randomNo":[0.2405814648581619,0.2489353200312855,0.3202537535751566,0.9607777115516413,0.16492041088938647],"layoutDirection":"HORIZONTAL","showBullet":false,"bulletIcon":"bullet_char","showBox":false,"textHorizAlign":"left","textWordDisplaySeparator":"line_bar","textWordSeparator":"~##~","category":"Containers_Boxes","canvasOffset":3,"showBorder":true,"text":"row:4#~u000a#col:4#~u000a#width:0,0,0,80#~u000a#align:left,right,right,center#~u000a#label:Region,Goal,Actual,Indicator#~u000a#col_data:N. America,S, America,APAC,Europe,Africa,Middle East#~u000a#col_data:20,30,25,10,20,30#~u000a#col_data:20,10,20,15,10,15#~u000a#col_data:<color=green><icon=star><color=default>,<color=red><icon=star><color=default>,<color=yellow><icon=star><color=default>,<color=green><icon=star><color=default>,<color=red><icon=star><color=default>,<icon=star>,<icon=star>#~u000a##~u000a#band_color:#F7EEA6,#FFFFFF#~u000a#header_color:#CDFF57","textX":0,"textY":0,"textColor":"default","fontName":"Comic Sans MS","fontSize":12,"textVertAlign":"center","fontStyle":" ","drawText":true,"horizCellPadding":2,"showUnderline":false,"showBackground":true,"showVertGrid":true,"showHorizGrid":true,"showHeader":true,"showSummary":true,"showRowBand":true,"vertCellPadding":12,"browserYcorrection":0,"zIndex":1,"seq":0,"dWidth":585,"saveNow":false,"dHeight":434,"dx":17,"dy":14}}

wireframe

No related posts.

Both comments and pings are currently closed.

Comments are closed.

Subscribe to RSS Feed Follow me on Twitter!