Forum .LRN Q&A: New theme released

There are two issues I have found so far, both in Safari on Macos. The most serious one is that the content body hugs the right of the screen and only uses the required width (ie. not 100%). That can be fixed with the following patch (I have lost my cvs commit ability in some server upgrade, so you can apply this if you like it). Note that after you patch dotlrn-master-kelp.css, if you do a ctrl-shift-reload on a page in firefox, the rendering won't look quite right. This seems only to be an artifact in any window that had previously downloaded the previous style sheet. If you browse the same page in a new window (no need to restart) it renders perfectly.

The other issue is that the top control-strip (header-dati) floats half way between the top of the screen and the main content box. I couldn't easily see how to fix this, and it doesn't impair the usability of the theme, just the aesthetics. If my client goes with this theme I will try harder to fix it.

Here is the aformentioned patch:

$ cvs diff -u dotlrn-master-kelp.css
Index: dotlrn-master-kelp.css
===================================================================
RCS file: /cvsroot/openacs-4/packages/new-portal/www/themes/kelp-theme/dotlrn/resources/Attic/dotlrn-master-kelp.css,v
retrieving revision 1.1.2.1
diff -u -r1.1.2.1 dotlrn-master-kelp.css
--- dotlrn-master-kelp.css      5 May 2005 13:22:17 -0000       1.1.2.1
+++ dotlrn-master-kelp.css      29 May 2005 12:11:46 -0000
@@ -777,6 +777,7 @@
        background-image: url(01_cont_shadow_des.png);
        background-repeat: repeat-y;
        background-position: right;
+       width: 100%;
 }
 
 div#container-gen{
@@ -865,4 +866,4 @@
        background-image:url(01_cont_foot_des.png);
        background-repeat: no-repeat;
        background-position: top  right;
-}
\ No newline at end of file
+}

* the ctrl-shift-reload bug seems to be a firefox thing. with any view, if you do a ctrl-shift reload the header images are aligned too low. A regular reload will sort out the rendering.

* along with the MIT theme, it is as good as totally broken in netscape 4 - after a few reloads you can sometimes get myspace readable.

http://demo.cognovis.de

I'm using it right now and I want to move back the breadcrumbs to the template I simply added the site-master.adp code for the context_bar property to the site-master-kelp.adp file like this:

<div id="container-shadows-des">
<div id="container-shadows-sin">
<div id="context-bar">
  <if @context_bar@ not nil>
    <div id="breadcrumbs">@context_bar;noquote@</div>
  </if>
  <else>
    <if @context:rowcount@ not nil>
      <div id="breadcrumbs">
        <ul>
          <multiple name="context">
            <if @context.url@ not nil>
              <li><a href="@context.url@">@context.label@</a> &#187;</li>
            </if>
            <else>
              <li>@context.label@</li>
            </else>
          </multiple>
        </ul>
      </div>
    </if>
  </else>
  <div id="navlinks">@subnavbar_link;noquote@</div>
  <div style="clear: both;"></div>
</div>

    <slave>

but I'm getting a little problem, the context bar looks like this:  http://home.galileo.edu/~miel/openACS/img1.jpg

Maybe anyone could suggest me a solution to this problem, cause I don't really have much experience with design and I've tried everything.

Thanks in advance
Anny Flores

Furthermore, the "display on the right" was ment to be right next to the title, but with these long bars it does not make sense at all.

Should I add the context bar chunk in the dotlrn-master-kelp.adp?

Thanks

It includes
- modified www/site-master-kelp.adp
- modified dotlrn/www/resources/dotlrn-master-kelp.css
- two image files (01_contorno_direito.png, 01_contorno_esquerdo.png) which go in dotlrn/www/resources/ directory

The file is here: http://www.tekne.portalabipti.org.br/kelp-breadcrumb.zip

Hope it helps

If you want to limit the size of the context bar, you can replace the labels with icons showing "tool tips", modifying this line in site-master-kelp.adp:
<li><a href="@context.url@">@context.label@</a> &#187;</li>
with something like this:
<li><a href="@context.url@" title="@context.label@"><img border=0 src="/resources/folder.gif" class="img-header"></a> &#187;</li>

A demo (with a slightly different version) is still running here:
http://samoa.sii.it
email: dotlrn@test.sii.it
password: 1

Malte, David, sorry for reference to inst_msg var in site-master-kelp.adp code. It is related to a customized application we have. Thank you, Anny, for clarifies this issue - you're right: you just need comment or exclude the line.

Another issue i found in new-portal/www/themes/kelp-theme.adp is related with changing locale. If you use Kelp and change current locale to other than English the images inside portlets just disappear.

We are using a modified version for kelp-theme.adp here to deal with this issue. I changed switch-cause statements because i could not get it working with that scheme (i really dont know why). Maybe someone could help?

Credit for include breadcrumb to kelp goes to Rodrigo Proença.

Cheers