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
		PNG	Papua New Guinea	Oceania	4,807,000	Port Moresby
		WSM	Samoa	Oceania	180,000	Apia
		SLB	Solomon Islands	Oceania	444,000	Honiara
		TON	Tonga	Oceania	99,000	Nuku´alofa
		TUV	Tuvalu	Oceania	12,000	Funafuti
		VUT	Vanuatu	Oceania	190,000	Port-Vila
		DZA	Algeria	Africa	31,471,000	Alger
		AGO	Angola	Africa	12,878,000	Luanda
		BEN	Benin	Africa	6,097,000	Porto-Novo
		BWA	Botswana	Africa	1,622,000	Gaborone
		BFA	Burkina Faso	Africa	11,937,000	Ouagadougou
		BDI	Burundi	Africa	6,695,000	Bujumbura
		CMR	Cameroon	Africa	15,085,000	Yaoundé
		CPV	Cape Verde	Africa	428,000	Praia
		CAF	Central African Republic	Africa	3,615,000	Bangui
		TCD	Chad	Africa	7,651,000	N´Djaména
		COM	Comoros	Africa	578,000	Moroni
		COG	Congo	Africa	2,943,000	Brazzaville
		COD	Congo, The Democratic Republic of the	Africa	51,654,000	Kinshasa
		CIV	Côte d’Ivoire	Africa	14,786,000	Yamoussoukro
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!