Deprecated: iconv_set_encoding(): Use of iconv.internal_encoding is deprecated in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/string/string.php on line 28

Deprecated: iconv_set_encoding(): Use of iconv.input_encoding is deprecated in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/string/string.php on line 29

Deprecated: iconv_set_encoding(): Use of iconv.output_encoding is deprecated in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/string/string.php on line 30

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652
Customizing jqGrid UI withThemeroller

Deprecated: Non-static method PhocaGalleryPath::getPath() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/plugins/content/phocagallery/phocagallery.php on line 57

Deprecated: Non-static method PhocaGalleryPath::getInstance() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/administrator/components/com_phocagallery/libraries/phocagallery/path/path.php on line 36

Deprecated: Non-static method PhocaGalleryLibrary::getLibrary() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/plugins/content/phocagallery/phocagallery.php on line 64

Deprecated: Non-static method PhocaGalleryLibrary::getInstance() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/administrator/components/com_phocagallery/libraries/phocagallery/library/library.php on line 44

Deprecated: Non-static method PhocaGalleryPath::getPath() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/plugins/content/phocagalleryslideshow/phocagalleryslideshow.php on line 40

Deprecated: Non-static method PhocaGalleryPath::getInstance() should not be called statically, assuming $this from incompatible context in /home/datamerx/public_html2/codemerx/jqgrid/administrator/components/com_phocagallery/libraries/phocagallery/path/path.php on line 36

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652

Customizing jqGrid UI withThemeroller

Themeroller is the online WYSIWYG jQuery UI editor. It is pretty much straightforward to use and that makes it really popular.

jqGriid offers full Themeroller support, i.e. any Themeroller produced theme applies to jqGrid automatically when placed on the same page. Rather unfortunately, Themeroller itself does not offer any jqGrid support and more often than not it is hard to figure out what parts of the .zip file Themeroller finally produces apply to jqGrid and how to use these.

 Fortunately, it turns out to be pretty simple. The only two items one needs in the jquery-ui-<version>.custom.zip Themeroller produces are the ./css/start/jquery-ui-<version>.custom.min.css file and the ./css/start/images folder. These should be extracted and published on the web. The important part here is that the 'images' folder should be a subfolder of the folder where jquery-ui-<version>.custom.min.css is located. I.e. the 'images' folder and the jquery-ui-<version>.custom.min.css file should preserve their location relative to one another. This is important because the jquery-ui-<version>.custom.min.css uses relative paths of the kind './images/someimage.gif'.


Finally, one should add a link to the jquery-ui-<version>.custom.min.css in the <head> section of the webpage that contains jqGrid. Typically it looks like this:

<link rel="stylesheet" href="/jqgrid/mydomain.com/mycssfiles/jquery-ui-version.custom.min.css" type="text/css" />

 And as mentioned above the 'images' folder extracted from the Tehemeroller produced .zip file should also be copied to mydomain.com/mycssfiles/.

That's all you need to make jqGrid use the Themeroller produced UI.


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652
Posted: 3 years 5 months ago by Markerking #445

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652
Markerking's Avatar
i want custom ui
Posted: 1 month 1 week ago by dongbei #9868

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/datamerx/public_html2/codemerx/jqgrid/libraries/joomla/filter/input.php on line 652
dongbei's Avatar
ray ban sunglasses ,
ray ban outlet ,
coach outlet store ,
the north face Jackets ,
Michael Kors Outlet Store Online ,
Coach Outlet Online ,
north face outlet ,
Coach Outlet Online Store ,
kate spade outlet store ,
coach outlet store ,
Coach Outlet Store ,
polo ralph lauren ,
Polo Outlet ,
adidas yeezy boost 750 ,
Red Bottom Shoes ,
adidas nmd runner ,
Cheap Christian Louboutin ,
cheap true religion outlet ,
true religion jeans ,
Pandora Bracelet ,
Salvatore Ferragamo Shoes ,
The North Face Outlet ,
Polo Ralph Lauren ,
Kate spade outlet online ,
Ray Ban outlet ,
Kate Spade Outlet Store ,
Tory Burch Outlet ,
Coach Outlet ,
Ray Ban Outlet Store ,
Coach Outlet ,
Oakley Sunglasses ,
Coach Bags Outlet ,
Moncler sale ,
Fitflop Sandals ,
Prada Outlet ,
Coach Factory Outlet Store ,
Michael Kors Handbags Outlet ,
Tory Burch ,
Ray Ban Outlet Store ,
cheap oakley outlet ,
The North Face Outlet ,
Burberry Outlet ,
Michael Kors Outlet Online ,
Polo Ralph Lauren ,
longchamp bags ,
Swarovski Jewelry ,
Cheap Oakley Sunglasses ,
Timberland Outlet ,
longchamp ,
Ray Ban Sunglasses ,
Jordan Shoes ,
Timberland Boots ,
Kate Spade Handbags Outlet ,
Oakley Sunglasses ,
Cheap Jordans ,
Pandora Charms ,
Ray Ban Sunglasses ,
Salomon Shoes Outlet ,
Nike Outlet ,
Converse Outlet ,
Adidas Yeezy Shoes ,
Tommy Hilfiger Polos ,
New Balance ,
Cheap Asics Shoes ,
Coach Factory Outlet ,
Coach Outlet ,
Coach Outlet Stores ,
Coach Factory Outlet ,
Michael Kor Outlet Online ,
Michael Kors Factory Outlet ,
Michael Kors Outlet Store Online ,
Michael Kors Outlet ,
michael kors outlet online ,
Coach Outlet online ,
Michael Kors Handbags ,
Coach Handbags Outlet ,
Michael Kors US ,
nike air max ,
cheap nike shoes ,
air jordan shoes ,
cheap air Jordan ,
tory burch outlet stores ,
Giuseppe Zanotti Shoes ,
Polo Ralph Lauren Shirts ,
Ralph Lauren Outlet ,
Coach Outlet Store ,
Coach Handbags Outlet ,
Cheap Oakley ,
Christian Louboutin Outlet ,
Polo Ralph Lauren ,
Ray Ban Sunglasses ,
Coach Outlet ,
Cheap nba jerseys ,
ray ban eyeglasses ,
cheap jerseys baseball ,
oakley sunglasses ,
Michael Kors Handbags ,
Ray-Ban Sunglasses Outlet ,
michael kors bags ,
oakley sunglasses ,
Coach Factory Outlet Online ,
Michael Kors Handbags ,
sac longchamp pliage ,
mont blanc ,
chaussures louboutin ,
Fitflops Sale Clearance ,
coach outlet online ,
longchamp ,
coach outlet store online ,
Ray Ban Sunglasses Outlet ,
true religion outlet store ,
Ed Hardy Outlet ,
Under Armour Outlet Online ,
Cheap Jordans 11 ,
swarovski jewelry ,
Cheap UGGS ,
Christian Louboutin Outlet ,
Nike Outlet ,
coach outlet online ,
Michael Kors Handbags ,
tory burch shoes ,
oakley sunglasses ,
oakley outlet ,
adidas yeezy boost 350 v2 ,
adidas nmd ,
true religion ,
jordan shoes 11 ,
[url=http://www.jordan--shoes.us.com/]cheap jordan shoes[/url] ,
oakley sunglasses ,
vans shoes ,
Coach Outlet Store ,
nike outlet store ,
uggs outlet ,
Ugg Australia ,
pandora jewelry charms ,
Air Max 90 ,
Coach outlet ,
Kate Spade ,
montblanc pen ,
Prada Handbags ,
Salomon Outlet ,
Moncler Jacket Outlet ,
Mont blanc Pens ,
Moncler Outlet ,
burberry sale ,
Vans Shoes ,
under armour shoes ,
north face ,
longchamp ,
fitflops sale clearance ,
swarovski jewelry ,
polo outlet ,
Timberland Outlet ,
ugg outlet ,
ralph lauren ,
timberland shoes ,
Cheap Jerseys ,
Nike Outlet Store ,
nba jerseys ,
nhl jerseys sale ,
under armour shoes ,
Coach Outlet Online ,
authentic nfl jerseys ,
Christian Louboutin Outlet ,
Adidas NMD Mens ,
red bottom heels ,
cheap jerseys sale ,..
coach purses outlet online ,
ugg boots ,
nike air max ,
red bottom heels ,
Adidas Outlet ,
Christian Louboutin Shoes ,
ugg boots for women ,
michael kors outlet ,