You are here: Foswiki>Tasks Web>Item5666 (24 Sep 2015, MichaelDaum)Edit Attach

Item5666: A TableLess WebTopBar

Priority: Enhancement
Current State: Confirmed
Released In: n/a
Target Release: n/a
Applies To: Engine
Component: PatternSkin
Reported By: TWiki:Main.AurelioAHeckert
Waiting For:
Last Change By: MichaelDaum
The current WebTopBar is a table based layout piece of Pattern Template. Is not good to use table based layout and it was not good for SaferNet's logo on TWiki 4.2.

I make tis change to be "table less" (good thing) and to enable bigger logos:
<span id="twikiLogo" class="twikiImage"><a href="%WEBLOGOURL%"><img src="%WEBLOGOIMG%" border="0" alt="%WEBLOGOALT%" border="0" style="border:none;" /></a></span>
<div align="right" class="patternMetaMenu"><noautolink>
   * <form name="jumpForm" action="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%"><input id="jumpFormField" type="text" class="twikiInputField" name="topic" value="" size="18" /><noscript>&nbsp;<input type="submit" class="twikiButton" size="5" name="submit" value="%MAKETEXT{"Jump"}%" />&nbsp;</noscript>
   * <form name="quickSearchForm" action="%SCRIPTURLPATH{view}%/%INCLUDINGWEB%/WebSearch"><input type="text" class="twikiInputField" id="quickSearchBox" name="search" value="" size="18" /><input type="hidden" name="scope" value="all" /><input type="hidden" name="web" value="%BASEWEB%" /><noscript>&nbsp;<input type="submit" size="5" class="twikiButton" name="submit" value="%MAKETEXT{"Search"}%" />&nbsp;</noscript>
   * %INCLUDE{%SYSTEMWEB%.LanguageSelector}%

You need to add this code to some pattern css file to format correctily this WebTopBar:
.twikiLogo img {
  float: left;
#patternTopBarContents .patternMetaMenu {
  position: absolute;
  top: 10px;
  right: 20px;

Still a valid concern. Should not be too hard to have those bits arranged using floats, as long as customized top bars still work.

-- Main.MichaelDaum - 24 Sep 2015 - 06:58

ItemTemplate edit

Summary A TableLess WebTopBar
ReportedBy TWiki:Main.AurelioAHeckert
SVN Range TWiki-5.0.0, Tue, 27 May 2008, build 16846
AppliesTo Engine
Component PatternSkin
Priority Enhancement
CurrentState Confirmed
TargetRelease n/a
ReleasedIn n/a
Topic revision: r4 - 24 Sep 2015, MichaelDaum
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy