Versions Compared

Old Version 37

changes.mady.by.user Gary Thompson (Deactivated)

Saved on

compared with

New Version 38

changes.mady.by.user Gary Thompson (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Panel

1. Use classes instead of ids whenever possible:

Code Block
class="portlet-titlebar"

rather than:

Code Block
id="portletTitlebar"

2. Separate class names by dashes:

Code Block
class="portlet-titlebar"

rather than:

Code Block
class="portlet_titlebar"

3. Prefix

portlet

classes with

the portlet

a namespace:

Code Block
class="portlet-titlebar"

rather than:

Code Block
class="titlebar"

4. Class names should be semantic rather than stylistic:

Code Block
class="portlet-titlebar"

rather than:

Code Block
class="big-red-bar"

5. Multiple classes assigned to an element should be listed in this order:

  1. FSS classes (fl-)
  2. uPortal classes (up-)
  3. Portlet classes (portlet-)
  4. Custom classes

For example:

Code Block
class="fl-container-flex, up-portlet-container portlet-titlebar my-custom-class"

...