Fine-tuning & Tweaking.Custom Icons

Appearance

View mode
Number of cards in a row Here you can select the number of cards to be placed in a row for each of supported screen resolutions. Your current resolution is highlighted in this way.
	Large desktop
	Desktop
	Tablet
	Phone

Page size

Total record count: 193.

Records per page

You can easily change default icons used in the application to your owns. All you need is to create or find somewhere a suitable icon set and point your application to use these icons via user-defined styles. It is possible to use separate images as well as image sprites.

To create the page below, we used some icons from one of the previous versions of the PHP Generator. Click here to see the complete stylesheet.

#pgpage-v_tweaking_custom_icons button:not(.add-sorting-level) .icon-plus:before,
#pgpage-v_tweaking_custom_icons .js-form-add .icon-plus:before, 
#pgpage-v_tweaking_custom_icons .icon-view:before,
#pgpage-v_tweaking_custom_icons .icon-edit:before, 
#pgpage-v_tweaking_custom_icons .operation-column .icon-remove:before, 
#pgpage-v_tweaking_custom_icons .operation-column .icon-copy:before, 
#pgpage-v_tweaking_custom_icons .icon-page-refresh:before, 
#pgpage-v_tweaking_custom_icons .icon-export:before, 
#pgpage-v_tweaking_custom_icons .icon-export-excel:before, 
#pgpage-v_tweaking_custom_icons .icon-export-word:before, 
#pgpage-v_tweaking_custom_icons .icon-export-xml:before, 
#pgpage-v_tweaking_custom_icons .icon-export-csv:before, 
#pgpage-v_tweaking_custom_icons .icon-export-pdf:before, 
#pgpage-v_tweaking_custom_icons .icon-print-page:before,
#pgpage-v_tweaking_custom_icons .icon-search:before,
#pgpage-v_tweaking_custom_icons .icon-filter-reset:before,
#pgpage-v_tweaking_custom_icons .icon-sort:before,
#pgpage-v_tweaking_custom_icons .icon-sort-asc:before, 
#pgpage-v_tweaking_custom_icons .icon-sort-desc:before,
#pgpage-v_tweaking_custom_icons .icon-filter:before,
#pgpage-v_tweaking_custom_icons .icon-disable:before,
#pgpage-v_tweaking_custom_icons .icon-enable:before,
#pgpage-v_tweaking_custom_icons .js-filter-status .icon-remove:before,
#pgpage-v_tweaking_custom_icons .icon-question:before,
{
  content: ''; 
}

#pgpage-v_tweaking_custom_icons button:not(.add-sorting-level) .icon-plus,
#pgpage-v_tweaking_custom_icons .js-form-add .icon-plus, 
#pgpage-v_tweaking_custom_icons .icon-view, 
#pgpage-v_tweaking_custom_icons .icon-edit, 
#pgpage-v_tweaking_custom_icons .operation-column .icon-remove, 
#pgpage-v_tweaking_custom_icons .operation-column .icon-copy,
#pgpage-v_tweaking_custom_icons .icon-page-refresh, 
#pgpage-v_tweaking_custom_icons .icon-export,
#pgpage-v_tweaking_custom_icons .icon-export-excel,
#pgpage-v_tweaking_custom_icons .icon-export-word,
#pgpage-v_tweaking_custom_icons .icon-export-xml, 
#pgpage-v_tweaking_custom_icons .icon-export-csv, 
#pgpage-v_tweaking_custom_icons .icon-export-pdf, 
#pgpage-v_tweaking_custom_icons .icon-print-page, 
#pgpage-v_tweaking_custom_icons .icon-search,
#pgpage-v_tweaking_custom_icons .icon-filter-reset,
#pgpage-v_tweaking_custom_icons .icon-sort,
#pgpage-v_tweaking_custom_icons .icon-sort-asc, 
#pgpage-v_tweaking_custom_icons .icon-sort-desc, 
#pgpage-v_tweaking_custom_icons .icon-filter,
#pgpage-v_tweaking_custom_icons .icon-disable,
#pgpage-v_tweaking_custom_icons .icon-enable,
#pgpage-v_tweaking_custom_icons .js-filter-status .icon-remove,
#pgpage-v_tweaking_custom_icons .icon-question
{ 
  display: inline-block; 
  width: 16px; height: 16px; 
}

#pgpage-v_tweaking_custom_icons div.addition-block .btn i,
#pgpage-v_tweaking_custom_icons div.addition-block .dropdown-menu i
{
  margin-top: -1px;
  margin-bottom: -2px; 
}

@icon-images-path: '../../../external_data/images/icon';

#pgpage-v_tweaking_custom_icons button:not(.add-sorting-level) .icon-plus,
#pgpage-v_tweaking_custom_icons .js-form-add .icon-plus {
  background-image: url('@{icon-images-path}/add_action.png'); 
  background-repeat: no-repeat; 
}

#pgpage-v_tweaking_custom_icons .icon-view { 
  background-image: url('@{icon-images-path}/view_action.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-edit { 
  background-image: url('@{icon-images-path}/edit_action.png'); 
}

#pgpage-v_tweaking_custom_icons .operation-column .icon-remove { 
  background-image: url('@{icon-images-path}/remove_action.png');
  background-repeat: no-repeat; 
}

#pgpage-v_tweaking_custom_icons .operation-column .icon-copy { 
  background-image: url('@{icon-images-path}/copy_action.png'); 
  background-repeat: no-repeat;
}

#pgpage-v_tweaking_custom_icons .icon-page-refresh { 
  background-image: url('@{icon-images-path}/refresh_action.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-export { 
  background-image: url('@{icon-images-path}/export_action.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-export-excel { 
  background-image: url('@{icon-images-path}/export_excel.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-export-word { 
  background-image: url('@{icon-images-path}/export_word.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-export-xml { 
  background-image: url('@{icon-images-path}/export_xml.png'); 
}
 
#pgpage-v_tweaking_custom_icons .icon-export-csv { 
  background-image: url('@{icon-images-path}/export_csv.png'); 
}
 
#pgpage-v_tweaking_custom_icons .icon-export-pdf { 
  background-image: url('@{icon-images-path}/export_pdf.png'); 
} 

#pgpage-v_tweaking_custom_icons .icon-print-page { 
  background-image: url('@{icon-images-path}/print_action.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-search { 
  background-image: url('@{icon-images-path}/quick_search.png');
}

#pgpage-v_tweaking_custom_icons .icon-filter-reset { 
  background-image: url('@{icon-images-path}/quick_search_remove.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-sort { 
  background-image: url('@{icon-images-path}/sort_action.png'); 
}

#pgpage-v_tweaking_custom_icons .icon-sort-asc { 
  background-image: url('@{icon-images-path}/sort_asc.png');
  margin-bottom: -5px; 
}
 
#pgpage-v_tweaking_custom_icons .icon-sort-desc { 
  background-image: url('@{icon-images-path}/sort_desc.png'); 
  margin-bottom: -2px; 
}

#pgpage-v_tweaking_custom_icons .column-filter-trigger .icon-filter {
  background-image: url('@{icon-images-path}/column_filter.png'); 
  margin-bottom: -2px; 
}

#pgpage-v_tweaking_custom_icons .column-filter-trigger-active .icon-filter,
#pgpage-v_tweaking_custom_icons .filter-status-value-column-filter .icon-filter
{
  background-image: url('@{icon-images-path}/column_filter_active.png');
  margin-bottom: -2px; 
}

#pgpage-v_tweaking_custom_icons .icon-disable {
  background-image: url('@{icon-images-path}/disable_action.png');
  margin-bottom: -3px; 
}

#pgpage-v_tweaking_custom_icons .icon-enable {
  background-image: url('@{icon-images-path}/enable_action.png');
  margin-bottom: -2px; 
}

#pgpage-v_tweaking_custom_icons .js-filter-status .icon-remove {
  background-image: url('@{icon-images-path}/reset_action.png');
  margin-bottom: -3px; 
}

#pgpage-v_tweaking_custom_icons .icon-question {
  background-image: url('@{icon-images-path}/question_action.png');
}

	Actions	Code	Name	Continent	Population	Capital
		IRQ	Iraq	Asia	23,115,000	Baghdad
		ISR	Israel	Asia	6,217,000	Jerusalem
		JPN	Japan	Asia	126,714,000	Tokyo
		JOR	Jordan	Asia	5,083,000	Amman
		KAZ	Kazakstan	Asia	16,223,000	Astana
		KWT	Kuwait	Asia	1,972,000	Kuwait
		KGZ	Kyrgyzstan	Asia	4,699,000	Bishkek
		LAO	Laos	Asia	5,433,000	Vientiane
		LBN	Lebanon	Asia	3,282,000	Beirut
		MYS	Malaysia	Asia	22,244,000	Kuala Lumpur
		MDV	Maldives	Asia	286,000	Male
		MNG	Mongolia	Asia	2,662,000	Ulan Bator
		MMR	Myanmar	Asia	45,611,000	Rangoon (Yangon)
		NPL	Nepal	Asia	23,930,000	Kathmandu
		PRK	North Korea	Asia	24,039,000	Pyongyang
		OMN	Oman	Asia	2,542,000	Masqat
		PAK	Pakistan	Asia	156,483,000	Islamabad
		PHL	Philippines	Asia	75,967,000	Manila
		QAT	Qatar	Asia	599,000	Doha
		SAU	Saudi Arabia	Asia	21,607,000	Riyadh
There are no records to display

	Column	Order

Sort by
Then by

Legend
New	Recently added or significantly updated pages.
Pro	Pages illustrating features available only in the Professional edition of PHP Generator.

© 2002- SQL Maestro Group. Follow us:

Created with PHP Generator for MySQL. Want to learn more? Download the demo project!