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
		ISL	Iceland	Europe	279,000	Reykjavík
		IRL	Ireland	Europe	3,775,100	Dublin
		ITA	Italy	Europe	57,680,000	Roma
		LVA	Latvia	Europe	2,424,200	Riga
		LIE	Liechtenstein	Europe	32,300	Vaduz
		LTU	Lithuania	Europe	3,698,500	Vilnius
		LUX	Luxembourg	Europe	435,700	Luxembourg [Luxemburg/Lëtzebuerg]
		MKD	Macedonia	Europe	2,024,000	Skopje
		MLT	Malta	Europe	380,200	Valletta
		MDA	Moldova	Europe	4,380,000	Chisinau
		MCO	Monaco	Europe	34,000	Monaco-Ville
		NLD	Netherlands	Europe	15,864,000	Amsterdam
		NOR	Norway	Europe	4,478,500	Oslo
		POL	Poland	Europe	38,653,600	Warszawa
		PRT	Portugal	Europe	9,997,600	Lisboa
		ROM	Romania	Europe	22,455,500	Bucuresti
		RUS	Russian Federation	Europe	146,934,000	Moscow
		SMR	San Marino	Europe	27,000	San Marino
		SVK	Slovakia	Europe	5,398,700	Bratislava
		SVN	Slovenia	Europe	1,987,800	Ljubljana
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!