OBOUT - ASP.NET Grid - Appearance Customization

Quick Links

ASP.NET Grid - Align Elements in Footer

Standard alignment - page size selector on the left / paging buttons on the right:

ORDER ID

NAME

CITY

POSTAL CODE

COUNTRY


11077	Rattlesnake Canyon Grocery	Albuquerquesdsd	87110	Portugal
11076	Bon app'	Marseille	13008	Francertrdfdsf

Records per page:

Records: 1 - 2 of 10 - Pages:

Custom alignment - paging buttons on the left / page size selector on the right:

ORDER ID

NAME

CITY

POSTAL CODE

COUNTRY


11077	Rattlesnake Canyon Grocery	Albuquerquesdsd	87110	Portugal
11076	Bon app'	Marseille	13008	Francertrdfdsf

Records per page:

Records: 1 - 2 of 10 - Pages:

Custom alignment - paging buttons and "Add New" link on the left:

ORDER ID

NAME

CITY

POSTAL CODE

COUNTRY


11077	Rattlesnake Canyon Grocery	Albuquerquesdsd	87110	Portugal
11076	Bon app'	Marseille	13008	Francertrdfdsf

Records: 1 - 2 of 10 - Pages:

Add New

Custom alignment - "Add New" and filter links on the left / page size selector on the right:

ORDER ID

NAME

CITY

POSTAL CODE

COUNTRY


11077	Rattlesnake Canyon Grocery	Albuquerquesdsd	87110	Portugal
11076	Bon app'	Marseille	13008	Francertrdfdsf

Records per page:

Records: 1 - 2 of 10

Show Filter

Add New

You can easily change the position of the elements in the footer of the Grid using CSS.

CSS

/* Footer container */
.ob_gFCont
{
    padding-right: 80px !important;
}	

/* Page size selector */
.ob_gPSTT
{
    float: right !important;		        
}	    

/* Footer action links and paging buttons container */
.ob_gFEC
{
    left: 0px !important;
    right: auto !important;
}

/* Footer action links container */
.ob_gFALC
{
    float: left !important;
}

/* Footer action link */
.ob_gFAL
{
    float: left !important;
}

/* Footer action link separator */
.ob_gALFS
{
    float: left !important;
}

/* Footer paging buttons container */
.ob_gFP
{
    float: left !important;
    margin-left: 20px !important;
}

"THANK YOU AGAIN!!!! IT WORKS!!!! Anyway, I don't know how much to thank you for your quick and efficient support. I've been computer developer for almost 8 years now, and I have never found a company with a support so fast and effective. My real compliment to you and your company."

Alessandra Monica

Random testimonial All testimonials