openSUSE:WebYaST IDs and Classes

WebYaST

Home - Installation - Documentation - Architecture - Development

Work in Progress: This page lists all IDs and Classes, relevant for WebYast Developers.

UI-Elements

Selector

Description

.button

This class should be added to all <input type="submit"> or <a> elements which are used as buttons.
It creates the standard button-view.

Example:

<input class="button" type="submit" />
          
<a class="button" href="http://www.opensuse.org/">openSUSE</a>

.alternate-rows

This class is a selector for a JavaScript, which makes alternating background-colour for rows in a list.
Every second row gets an additional class called ".alt-bg".

Example:

<ul class="alternate-rows">
  <li>Row 1</li>
  <li>Row 2</li>
  <li>Row 3</li>
</ul>

<!--  The result looks like this -->
<ul class="alternate-rows">
  <li>Row 1</li>
  <li class="alt-bg">Row 2</li>
  <li>Row 3</li>
</ul>

Status Icons

Selector	Description
.status-icon.ok	Example: <div class="status-icon ok"/>
.status-icon.warning	Example: <div class="status-icon warning"/>
.status-icon.error	Example: <div class="status-icon error"/>
.status-icon.optional	Example: <div class="status-icon optional"/>