Now i want to explain about how to manage align title, color title and icon in Grid Extjs Form, this tutorial is very simple,, so i am sorry if there is a disappointed after read this tutorial. But i think it is very interesting to  learn it, what for? to making an elegant form. To case study, i have used form previous tutorial : tutorial extjs grouping.

Ok lets start now…

Manage align title grid extjs

var SimpleListingEditorGrid = new Ext.grid.GridPanel({
title: "
Report Input

",//align = center
store: SimpleDataStore,
cm: SimpleColumnModel,
//.......................

Manage align color and title grid extjs

//......................
var SimpleListingEditorGrid =  new Ext.grid.GridPanel({
title: "
Report Input

",
store: SimpleDataStore,
cm: SimpleColumnModel,
//.......................

And the last is Create icon in grid extjs form

//......................
var SimpleListingEditorGrid = new Ext.grid.GridPanel({
title: "
Report Input

",
store: SimpleDataStore,
cm: SimpleColumnModel,
iconCls: 'icon-grid',
//.......................
bbar: new Ext.PagingToolbar({
pageSize: 6,
store: SimpleDataStore,
displayInfo: true,
displayMsg: "
Displaying data {0} - {1} of {2}

",
emptyMsg: "No data to display"
})
//....................

Thanks for your visiting on my site

Tags: Case Study, Create Icon, Ext, extjs, JavaScript, MooTools, Programming, Report Input, Tutorial JQuery

Incoming search terms for the article:

ExtJS grid title , extjs form align , extjs icon in grid , extjs grid align , extjs icons , extjs grid icons , ext grid panel with icons , extjs grid icon , extjs icon , ext grid title , extjs load form from grid , extjs image alignment , extjs panel align center , extjs panel title icon , extjs icon: , extjs icon align , extjs header Style , extjs gridpanel title style , extjs gridpanel title icon , extjs grid with icons , extjs grid title icon , extjs row icon , extjs search form grid , icon-user-delete extjs , image button in a grid extjs , set style to gridpanel extjs , set title ext grid , text align ext grid gridpanel , themed checkbox extjs color , TITLE ICON EXTJS , title() extjs , icon in grid extjs , icon in extjs grid , extjs style , extjs style align center , grid icon extjs , grid set tittle extjs , grid title div , how to align title in extjs , how to change the color of a column in extjs gird , how to change the color of extjs window , using icons with extjs , extjs grid row color , extjs grid row align left , ext js image in title , ext js form color , Ext Grid Title style color , Ext grid GridPanel title , Ext grid GridPanel row color , Ext grid GridPanel header style extjs themes , extjs file upload , extjs theme , extjs upload , extjs upload file , extjs grid checkbox , extjs tutorial , extjs login , extjs grid paging , extjs login form extjs checkbox readonly , checkbox row extjs , upload image extjs mysql , extjs file upload tutoriel , tutoriel extjs , extJS checkbox datastore , FileUploadField extjs documentation , icon-user-delete extjs , getSelectionModel() getSelections(); , register extjs application 

This entry was posted by faisal at on Wednesday, March 4th, 2009 at 2:51 pm and is filed under Tutorial Extjs, Tutorial HTML, Tutorial PHP. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.