3.13. CSS classes policy

CSS classes policy in phpMyEdit is one from the most complicated and complex features. The goal is to reach almost any possible classification of HTML elements with the possibility to simplify classification to lower number of classes.

The phpMyEdit CSS class schema is displayed here:

Example 3-35. CSS class name schema

<prefix>-<element>-<page_type>-<position>-<divider>-<postfix>

Particular parts are described here:

CSS class names configuration is handled via $opts['css'] associative array. Here are possible configuration options related to this issue.

$opts['css']['prefix']   prefix of every phpMyEdit CSS class (pme by default)
$opts['css']['page_type']   if page type should occur in class name (disabled by default)
$opts['css']['position']   if position on the page should occur in class name (disabled by default)
$opts['css']['divider']   how many list table rows should have their own number before starting counting again from 0 (by default 2; value of -1 means every row has its own number and value of 0 means disabled)
$opts['css']['separator']   separator between CSS class name parts (dash - by default)

For concrete names of CSS classes look into HTML source code of your generated page. In the following box are examples of how CSS class names may appear. However your CSS class names can differ according to your fields and configuration respectively.

Example 3-36. CSS class name examples

pme-navigation-up
pme-row-0
pme-cell-DateTime
pme-cancel-view
pme-input-change
pme-key-ArticleID