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
		MOZ	Mozambique	Africa	19,680,000	Maputo
		NAM	Namibia	Africa	1,726,000	Windhoek
		NER	Niger	Africa	10,730,000	Niamey
		NGA	Nigeria	Africa	111,506,000	Abuja
		RWA	Rwanda	Africa	7,733,000	Kigali
		STP	Sao Tome and Principe	Africa	147,000	São Tomé
		SEN	Senegal	Africa	9,481,000	Dakar
		SYC	Seychelles	Africa	77,000	Victoria
		SLE	Sierra Leone	Africa	4,854,000	Freetown
		SOM	Somalia	Africa	10,097,000	Mogadishu
		ZAF	South Africa	Africa	40,377,000	Pretoria
		SSD	South Sudan	Africa	12,340,000	Khartum
		SDN	Sudan	Africa	29,490,000	Khartum
		SWZ	Swaziland	Africa	1,008,000	Mbabane
		TZA	Tanzania	Africa	33,517,000	Dodoma
		TGO	Togo	Africa	4,629,000	Lomé
		TUN	Tunisia	Africa	9,586,000	Tunis
		UGA	Uganda	Africa	21,778,000	Kampala
		ZMB	Zambia	Africa	9,169,000	Lusaka
		ZWE	Zimbabwe	Africa	11,669,000	Harare
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!