Versions Compared

Old Version 8

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

Saved on

compared with

New Version 9

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

Saved on

Key

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

...

Branding the Web Consle mainly concerns hooking into the looks of the Web Console providing vendor-provided setup like CSS, Logo, Main Title, Vendor URL, etc.

BrandingPlugin and DefaultBrandingPlugin

Branding for the Web Console can be provided in two ways: By registering a BrandingPlugin service or by providing a branding properties files. The Web Console uses the branding from the BrandingPlugin service registered with the highest ranking.

...

Note: The /META-INF/webconsole.properties file is not contained in the Apache Felix Web Console bundle itself. It may be provided by a Fragment Bundle attaching to the Apache Felix Web Console bundle. For an example of such a fragment bundle see prototype Sling Web Console Branding Bundle with its webconsole.properties

Branding the Stylesheet

Branding the CSS Stylesheet is basically possible with the BrandingPlugin.getMainStyleSheet() method.

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() + "\" title=\""+getProductName() + "\">
                    <img src=\"{2}" + getProductImage() + "\" 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 href="">title</a></nobr>
            <!-- label of current page -->
            <nobr><span class="technavat">title</span></nobr>
            <!-- label of current page if drawing as link -->
            <nobr><a href="" class="technavat">title</a></nobr>
        </div>

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

    </div>

</body>