KBPlus CSS Guide For Developers

General Styles

Page Headings

Form layouts

Example from code

   <g:form controller="controller" action="action">
      <div class="inline-lists">
            <dl>
                <dt>License</dt>
                <dd>Value</dd>
            </dl>

            <dl>
                <dt>Package Name</dt>
                <dd>Value</dd>
            </dl>
      </div>
   </g:form>

Table Layouts

An example table from the sub details page

    <table class="table table-bordered">
      <thead>
        <tr>
          <td>Field</td>
          <td>Has changed to</td>
          <td>Reason</td>
          <td>Actions</td>
        </tr>
      </thead>
      <tbody>
        <g:each in="${subscriptionInstance.pendingChanges}" var="pc">
          <tr>
            <td style="white-space:nowrap;">${pc.updateProperty}</td>
            <td>${pc.updateValue}</td>
            <td>${pc.updateReason}</td>
            <td>
            </td>
          </tr>
        </g:each>
      </tbody>