Versions Compared

Old Version 9

changes.mady.by.user Unknown User (fmeschbe)

Saved on

compared with

New Version 10

changes.mady.by.user Unknown User (fmeschbe)

Saved on

Key

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

...

Branding the CSS Stylesheet is basically possible with the BrandingPlugin.getMainStyleSheet() method. The default value of the DefaultBrandingPlugin points to webconsole.css. This allows styling the main content structure as shown here:

Code Block
html
html

<!-- general structure of a web console page -->

<body>

    <div id="main">

        <!-- Lead -->
        <div id="lead">
            <h1>
                Bundle Name
                <br>            <!-- br probably sub-optimal -->
                Page Title
            </h1>
            <p>                 <!-- is p a good thing ?? -->
                <a target="_blank" href=" + getProductURL() + "\"productURL" title=\""+getProductName() + "\"productName">
                    <img src=\"{2}" + getProductImage() + "\""productImage" border=\"0\"/>
                </a>
            </p>
        </div>

        <!-- Top Navigation -->
        <div id="technav">
            <!-- this should probably be an <ul> list -->
            <!-- nobr should be white-space:nowrap -->
            <!-- regular link -->
            <nobr><a<a href="">title</a></nobr>a>
            <!-- label of current page -->
            <nobr><span<span class="technavat">title</span></nobr>span>
            <!-- label of current page if drawing as link -->
            <nobr><a<a href="" class="technavat">title</a></nobr>a>
        </div>

        <!-- this should be inside a div ... -->
        <div id="content">
            <!-- here comes the content -->
        </div>

    </div>

</body>

Predefined plugins use other styles defined by further CSS styles contained in the web console bundle.

It is yet unclear how these plugins can be styled....