New course format :: Tabbed

New course format :: Tabbed

by Jeremy FitzPatrick -
Number of replies: 112

The The Open Source Courseware Initiative New Zealand (OSCINZ) have developed a new course format, code name Tabatha.

I am creating a Moodle course that introduces (and tests) this course format. It can be viewed at http://interface.elearning.ac.nz/moodle/course/view.php?id=2 guest access with the key "tabby". I would like to know what you think about it. As I am half way through creating this course, please ignore typos etc, I'm just keen to get it out asap. Also I am experimenting with a new theme which is largely untested but that should behave itself.

I hope to have a download of the Tabbed course format ready in a few days once I have cleaned up the code.

I'm looking forward to reading your feedback. Thanks - Jeremy.

Average of ratings: Useful (1)
In reply to Jeremy FitzPatrick

Svar: New course format :: Tabbed

by Anders Berggren -
Hi Jeremy,
This looks just great. Avoiding too much scrolling
is a good thing. The boxes are quite wide though
resulting in long lines, IMHO not optimal for readability.
It would be nice if one could control the width of boxes.

Did you use overLIB for tooltips?

The cursor didn't change to something seemingly
'clickable' when moving it over links.

I'm looking forward to downloading and testing this more
thoroughly on a local system.

Cheers, Anders
In reply to Anders Berggren

Re: Svar: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Anders

I have designed the format for what i consider to be the lowest common denominator: 800 x 600.  At this screen resolution it looks fine, but at high resolutions as you noted, the box becomes quite wide.  As I have used only one column of blocks, and easy fix is to use two columns.  I don't intend to build in user controlled width but it may be possible to control it through the theme.  It's worth checking out.

I have used simple html title attributes for (hopefully) all links.  This should provide tooltips.  I can't explain the cursor not changing. Another thing to put on my "to check out list".

Thanks - Jeremy


In reply to Jeremy FitzPatrick

Re: Svar: New course format :: Tabbed

by Saiful Anwar -
Hi Jeremy,

I have same problem with Anders. The cursor wont change to something clickable in IE 6, but it works fine in Firefox.
I've look at styles_tab.css:

.tabinactive, .highlightedtabinactive, .tabactive, .highlightedtabactive, .tabhidden {
    padding: 2px;
    margin: 0px;
    border-width:1px;
    border-style: solid;
    height:31px;
}

at line 24, height property make the link is considered as text.
try to change that section to:

.tabinactive, .highlightedtabinactive, .tabactive, .highlightedtabactive, .tabhidden {
    border:1px solid;
    padding-left:2.3em;
    padding-top:5px;
    padding-bottom:5px;
}

might help..

CMIIW..

Thanks

Saiful
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Karrie V -
Looks Cool!  Can you change which Tab shows up first whenever you want?
In reply to Karrie V

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Karrie

Whichever tab was open last time you visited will be open next time in the same way as happens in the 'Topics' and 'Weekly' formats.  A tutor can also highlight a particular tab / topic to alert students to have a look.  At the moment this doesn't affect which tab shows up first, but I think it probably should.

Thanks - Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Alexandre Abi-Ackel -
Looks great! Can we get this resource in some way?
In reply to Alexandre Abi-Ackel

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Alexandre

I hope to have tidied up the code and published a download by Monday 20 June.

Thanks - Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Joan Codina Filba -
I agree, its great.
A question:
It also works for weekly format?
and a comment:
Now the page only loads the current tab, thus changing of tab means to retrieve the data of the new current tab throgugh http. Maybe it could be interestng to have all the data load at once and show the correct one on a tab selection basis, allowing to move arround more quickly. I think this is done in the modules where the tab format is used.
But don't miss the point... its great.
In reply to Joan Codina Filba

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Joan

The design has been based on 'Topics' but I guess it wouldn't be too hard to re-develop a 'Weekly' version.  I don't plan to do this in the short term though.

Having only the current tab load was a decision we made while developing the format.  I agree it would be much nicer having all the data load and then move instantly to the next tab.  The reason we chose not to do it this way, rightly or wrongly, is that this would require a large initial download for some courses.  As we have some students in rural areas who don't have very good internet connections, this could cause frustration.

Thanks for your comments. - Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Darren Smith -

Hello

I think this is a really interesting step forward and one I intend to utilise. It gives the student more control over their environment which I applaud approve

Sooo many questions wink

Is the tabbed course linked to the theme you have developed or can it use standard tabs (such as the download page of moodle.org)?

How easy would it be to have a course setting to pre-load the course/section data (rather than load section on tab click) as previously mentioned for those of us who largely use moodle in areas with fast Internet connections / LAN? 

In reply to Darren Smith

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Darren

At the moment the tabbed format is linked into the theme I have developed.  I would like to use the 'standard' Moolde tabs for consistency.  This could take a bit of redevelopment so don't expect it in a hurry. smile

I will see how I go for time as to whether I trial a version where all the course section data is loaded at once.  It requires a change from server-side scripting to client-side scripting, but using what has already been done it should be achieveable.

Thanks for your input. - Jeremy


In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Frank Fucile -
Hello to all...here is another example of a tab environment...in a weekly format

http://moodlefn.firstnationschools.ca/moodlefn_demo/demo/index.php?access=teacher

cheers,
frank
In reply to Frank Fucile

Re: New course format :: Tabbed

by Art Lader -

Super, Frank. Thank you for the heads up.

-- Art

In reply to Art Lader

Re: New course format :: Tabbed

by W Page -

Hello Everyone!

Jeremy & Frank:

  • Is it possible to get the pages not to refresh every time a tab is changed?  This would allow for faster tab changes and less server stress.
  • Most courses in High School (Secondary Education) in the USA consist of 20-30 weeks.  I know Moodle is designed primarily for College courses and above but is there a way to get that many weeks to display?  For example, after 10 tabs another row of weekly tabs would automatically appear?
  • Could you share the code for the bar at the upper left corner of the page?  it is such a cool tool when working on content presentation to the students.   Much less clicks.  big grin 
    Demo Area Student View Teacher View


This is such a really neat course view.  Is there a v1.5 version?

Thanks for all of your efforts with this.

WP1

In reply to W Page

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi there

My tabbed course format has been developed for 1.5, it won't work on 1.4 or earlier. I deliberately designed it so as the tabs would reload every time to reduce the download time for the students. It has been a common request / comment not to have the pages reload every time, so I'll be looking at that later this month.

I personally don't like rows of tabs. I trialled it once before and found the page to be cluttered.

The code for the slider is included in the download at http://interface.elearning.ac.nz/moodle/course/view.php?id=2&topic=4&tabgroupstart=0
but it is pretty messy and uncommented at the moment as i wrote it in a hurry.

- Jeremy
In reply to Frank Fucile

Re: New course format :: Tabbed

by Timothy Takemoto -
Very nice course layout. My course are too long.

Is the weekly format downloadable too? I see only one tabbed course format, and that is the one with the flash slider. I prefer the "all" button.

It seems that in the weekly format, students can not go to future weeks. Is that correct?

What is the check mark in the week two tab?

Also the download, contains Mac OSX and normal formats. I use the Humboldt University theme that serves Mac OSX friendly pages when detected. 
Does one have to use the same themes, or can one just add the styles sheets to ones current theme?

Either way, I don't know where to put your OSX variation. 

Tim
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Frank Fucile -
Hello Jeremy...I think it is a great look and feel...to me it is very intuitive and I particularily like the way it flows...nice touch with the flash piece...it all seems very familiar...

I concur with some of the other posts in regard to the size of the tabs...I think they could be made smaller and have more than 5...or perhaps you can have the user decide...(I am not a programmer so I not sure if you can  do this)...

Also, can you move the whole "tabs" block up so that you take more a advantage of the screen space...that is my "2" cents worth...

great work!!
frank
In reply to Frank Fucile

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Frank

Thanks for your comments. Hopefully I will be able to make the tab size controllable through the stylesheet.

The user can decide how many tabs they want shown using the slider. This was a last minute addition so still needs some user testing. See the attached swf. 

Also you can collapse both the 'summary' and 'Latest News' boxes (unless you have javaScript disabled) in the same way you can collapse the blocks  by clicking the small '-' on the right hand side.  Unfortunately I haven't been able to change the colour of the - / + yet so they don't stand out.  This will move the tabset up and give you more room.

Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Frank Fucile -
Hi Jeremy...

thanks for the demo...it is clear now...

In regard to the +/- sign... I had a look at the css code and it looks like they are gifs...if you could alter the color of those gifs so that it stands out on the background...perhaps sample the "yellow" from the header at the top of the screen...

.sideblock .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

cheers
frank

In reply to Frank Fucile

Re: New course format :: Tabbed

by W Page -

Hi Jeremy & Frank!

I just wanted to ask if it is possible to enable a user to change tabs without the entire page reloading?  That would make changing the tabs quicker and I think cause less stress on the server.

Just a thought!

WP1

In reply to W Page

Re: New course format :: Tabbed

by Joan Codina Filba -
I like the idea of teacher/student view.
When you are a bit inexperienced with moodle or when the release changes and as a teacher you are editing a course, then there is the doubt of how the student will see, or operate that activity. Also if you project your computer's scrren to students maybe you are not intersested in showing all the resources that are not yet available to them, or just you want to show a screen like the ones they have.
The solution is to create a dummy student.. but has some drawbacks as he appears in all the activities to be evaluated, and as a course member.

So the student/teacher view is a great idea.
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Rhonda Goetz -
Just checking to see if you've posted this yet.  It will work great for my Harassment Prevention course.
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Ralf Hilgenstock -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Translators
Hi Jeremy,

I get an error
Parse error: parse error, unexpected $ in .../tabs/createTitle.php on line 1
after updating to  1.6 dev. Any idea?

Ralf
In reply to Ralf Hilgenstock

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Ralf

I haven't had a look at 1.6 dev yet. I'm still concentrating on improving the format for 1.5.

I can't see anything obviously wrong in the createTitle.php file except a couple of unnecessary blank lines, but as I didn't write that code I only understand what it does (or is supposed to do) not how it works.

Its purpose is to create a title for the tab by searching the summary of the section and taking the first 12 or so characters up to an html break such as a <p> or <br />

A way to bypass this function is to use a more simple strlen function in the format.php file as is found in the topics format

$strsummary = ' - '.strip_tags($thissection->summary);
if (strlen($strsummary) < 12) {
$strsummary = ' - '.$strsummary;
} else {
$strsummary = ' - '.substr($strsummary, 0, 15).'...';
}

If you replace any calls to createTitle (there are 2 in format.php) with code such as above it will provide a temporary workaround. But as 1.6 dev is an unstable work-in-progress, things could be changing often and you should expect errors from time to time, especially in code such as this which is developed outside the main core of Moodle.

Regards Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Ralf Hilgenstock -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Translators
Thanks for your fast and detailed answer.
I will test it and report the results.
I know that it is work-in-progress. But I had updated the system and can't go back with the site.

Thanks
Ralf
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Richard Brown -
Very nice; can lead to much less clutter. Monitors are already smaller than either classrooms or blackboards, and somehow have to stand in for both, so clutterless displays are great.
Which leads me to a consideration: why show "latest news" etc all of the time? Nearly half of the screen real estate is taken up with stuff that needs to be read only infrequently. I know in this post Ted Turner world everyone thinks they need 24x7 news,- but is always showing it a sensible default value when most of us only have 15 inch monitors?
In reply to Richard Brown

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Richard

The idea was to place "important" notices right in front of the students.  The news box can be collapsed into one line by the user, by clicking the button on the right hand side of the header.  (It is a little hard to see in this theme).

The plan is to have the news box expand by default only when there is un-read postings.  Unfortunately I haven't had the time to make these improvements as other projects have taken up my time.

In the meantime, the news box can be hidden completley by the tutor by setting the "News items to show" to 0 in the edit course settings page.

Thanks for your input. - Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Himmat Singh -
Jeremy, hello. We run a moodle themes site. A lot of our 1.5x theme users are trying out different themes for different courses but lose their headers and other images. You have managed a veritable theme expo!! Can you tell us how to get different themes right in different courses? Thanks.
In reply to Himmat Singh

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
Hi Himmat

It was quite by accident that these themes work. I had unwittingly avoided using <img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme/image.gif" ?>" /> that seems to have caused trouble in other themes. In most cases I have retained the same code for header.html as exists in the standard theme ie

<div id="header-home">
<div class="headermain"><?php echo $heading ?></div>
<div class="headermenu"><?php echo $menu ?></div>
</div>


and set the images through the background attribute of the div elements in the stylesheet eg

#header-home {
height:117px;
padding:0px;
background-image:url(bghome.gif);
background-repeat:repeat-x;
}

#header-home .headermain {
/* height = header height - padding (117 - 42) */
min-width:430px;
height:75px;
padding-left:180px;
padding-top:42px;
background-image:url(bannerhome.gif);
background-repeat:no-repeat;
}


In general I use two style sheets in my themes, one for the header and one for the main layout etc. This allows me to "pick and mix" more easily. My "main" style sheets are divided into sections like:
general
blocks
course
calendar
forums


Again this helps me borrow chunks for another theme. One thing I noticed is that if you set a $THEME->parent theme in the config.php, you need to specify an array for the $THEME->parentsheets rather than setting it to true.

I will put zip files of my themes up on the site this week after I have tidied up one or two things.

Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by David Mack -

Hi there, your tabbed theme looks great!

Nice work with the increasing complexity of the blob images as well.

I was just wondering if you would permit me to use some of your work to develop another course format.

I am looking to

  • have the tabs loaded on one page (to prevent the reload)
  • to replace the flash slider with a javascript/css widget
and
  • to have an indication of user progress through the course (my course has no linear structure, but when whole topics are completed it would be nice to have a visual indication of that).

Also, whilst I have already made myself a theme, modified a course format and a new resource type, I am still getting to grips with how moodle works exactly and have come across a problem:

after installing your tabbed format and then reverting back to the topics format, I have discovered that there is only one topic being shown at a time.

How has this come about?

In reply to David Mack

Re: New course format :: Tabbed

by Betty Hagood -

I have followed the links in the thread, but my blonde may be shining through as I can't find the downooad link for the tabular theme.

Any help appreciated smile

betty

In reply to Betty Hagood

Re: New course format :: Tabbed

by Ger Tielemans -

Jeremy, I use your nice tabs format on my laptop-test-server (W2000/XAMPP), I really like it.

I only see strange differences between IE6 and Firefox:

  1. In IE the growing waterdrops are not visible on the other tabs
  2. In Firefox I don't see the bar (How to force firefox to play this? missing plugin?)

Attachment surf001.jpg
In reply to Ger Tielemans

Re: New course format :: Tabbed

by Betty Hagood -

I am totally confused about how to implement this into my site.

I d/l both the course format and the theme.

On the theme it says just to unzip it into my theme folder.  I'm assuming this means the theme folder that I am currently using?  If so, that makes it overwrite my config.php, header.html, footer.html, etc.

So do I overwrite then customize them again?  Do I not overwrite them?

Do I install both the theme and the course files, or do I need just one of them.

I am obviously a newbie and have never dealt with the parent type theme before.

Any help greatly appreciated!

Betty

In reply to Betty Hagood

Re: New course format :: Tabbed

by Michael Brown -

Hi,

I am working with Betty on her site, and we have the tabbed format showing for the courses now, however the topics show as topic -3, topic -2, topic -1, topic 0, topic 1, topic 2 and the slider shows as 1 of 2.

Is there an easy and quick way to correct this error as it won't allow me to modify the topics with negative numbers.

Thanks in advance!

Michael

In reply to Michael Brown

Re: New course format :: Tabbed

by Michael Brown -
Never mind, I reinstalled the tabbasic and recreated the course so now it is showing properly.
In reply to Ger Tielemans

Re: New course format :: Tabbed

by Saiful Anwar -
It seems IE6 doesnt support cascading id and classes.
Here's a quick hack may help:

in format.php
   line 323 and 330 (highlighted)

        // If the selected tab, indicate through HTML
        if($count == $topic){
            $strActive = (!$thissection->visible)?'tabhidden':'tabactive';
            echo '<td valign="top" height="35" align="right" scope="col" title="'.htmlentities(strip_tags($thissection->summary)).'" width="'.$tabcellwidth.'%" >'.
 '<div id="tab'.($count+1).'" class="'.$highlighted.$strActive.'" ><b>'.strip_tags($sectionlabel).'</b></a>'.
                 '</div></td>'.
                 '<td scope="col" class="tabgap"><img src="'.$CFG->pixpath.'/spacer.gif" height="16" width="1"></td>';
        }else {
            $strActive = (!$thissection->visible)?'tabhidden':'tabinactive';
            echo '<td valign="bottom" height="35" align="right" scope="col" title="'.htmlentities(strip_tags($thissection->summary)).'" width="'.$tabcellwidth.'%">'.
                 '<a href="view.php?id='.$course->id.'&topic='.$count.'&tabgroupstart='.$tabgroupstart.'" >'.
 '<div id="tab'.($count+1).'" class="'.$highlighted.$strActive.'">'.strip_tags($sectionlabel).'</div>'.
                 '</a></td>'.
                 '<td scope="col" class="tabgap"><img src="'.$CFG->pixpath.'/spacer.gif" height="16" width="1"></td>';
        }


change to:

'<div id="tab'.($count+1).$highlighted.$strActive.'" class="'.$highlighted.$strActive.'" ><b>'.strip_tags($sectionlabel).'</b></a>'.

and

'<div id="tab'.($count+1).$highlighted.$strActive.'" class="'.$highlighted.$strActive.'">'.strip_tags($sectionlabel).'</div>'.


Also modify the style_tabs.css from tabbasic theme (Tab icon section, last part)
remove the dot, ex.

#tab1.tabactive

to

#tab1tabactive


CMIIW

Saiful Anwar
In reply to Jeremy FitzPatrick

Where to download

by Ronnie Brito -
hi guy
your course format seems to fit my needs
but where can i donwload it?
thank you :D
In reply to Ronnie Brito

Re: Where to download

by Paul Andrews -

http://interface.elearning.ac.nz/moodle/course/view.php?id=2

smile

Login as guest and enter the enrolement key "tabby".

In reply to Paul Andrews

Re: Where to download

by Timothy Takemoto -
How is the weekly course coming along?

The tabbed is nice, but as Ger points out above, there are dangers in using a flash plugin so instead of the cool flash slider the tabs (weeks/topics) plus an "all" option would be great.

Tim
In reply to Timothy Takemoto

Re: Where to download

by Matt Gibson -
I agree, the format is awesome, but the flash is not working properly for everyone on my test site. 'All' plus maybe 'move 2 left' and 'move 2 right' or similar may be better.

Thanks for all the work developing this.

Matt
In reply to Matt Gibson

Re: Where to download

by David Brighton -

This is an excellent layout, can be used to create very logical way for students to use the course (eg Handouts tab, Activity tab etc). Only problem I have found with it is that it does not like courses with less than 4 sections, it forces the number of tabs and creates a Topic -1 course which is not real. I had to reinstall Flash to get Firefox to show it properly but it looks fine in IE. Looking forward to showing this to our teachers!

Thanks again

In reply to David Brighton

Re: Where to download

by Timothy Takemoto -
Still no news on the weekly tabbed format without the flash? I saw a demo about 6 months ago.
In reply to Timothy Takemoto

Tabitha Theme

by Art Lader -
Still no news on the weekly tabbed format without the flash?

I was wondering the same thing, Tim.

-- Art

In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Gene Koo -

This definitely looks promising, as the interminable vertical-scroll is killer for our courses, and the min-max buttons on each unit are not intuitive.

I've developed simple tab views of document lists that don't force reloads because they utilize JavaScript and DHTML to show/hide DIVs that contain the contents of each tab. I think that would be superior to reloading, as others here have suggested.

I'm not sure I understand how the code decides which tab is highlighted by default.

The Flash slider is neat but not intuitive either, perhaps because the color codes don't match. I didn't even realize it was a slider at first -- it's not obvious that the yellow represents the active tab and that the gray represents the visible tabs. Maybe if the active tab were also yellow? Also, my expectation on a slider is that, as in iTunes or whatever, I can click somewhere else on the slider and have the "cursor" jump to that point.

Finally, we'd love to use an interface like this but rely on the weekly format, so we'll have to wait until that's available.

This looks exciting -- thanks for sharing it with us!

In reply to Jeremy FitzPatrick

tabbed couse format: with or whitout reloading

by Ronnie Brito -
here its goes: two versions of a tabbed course format.

i hope its usefull for anyone else, if so, just tell me :D

for proper use, just need to add the two following variables into moodle.php in the lang directory:
$string['formattabbed'] = 'Formato Abas';
$string['nametabbed'] = 'aba';

;)

moodlers, lets make it happen!
In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by Ronnie Brito -
the other file
In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by James Ballard -
Hi

@ Ronnie,
should there be some theme changes to accompany this, or does it use the previous theme settings. It doesn't appear as tabs when I installed it (see image attached).

@ tabbed themes in general,
I would like to make two versions of the original tabbed format. One with the flash scrollbar and one without, as we will be using them for different functions. I can remove the scroll via format.php, but if I try to create two different tab format folders, only the one called tabs will work. Can I change something to allow me to have two copies of the same format - one with scroll (tabs_scroll) and one without (tabs_fixed).

I am also considering altering the scroll bar as it's current functionality is not intuitive for me. I imagine a scroll working differently, such as those from blueshoes.org ( similar to h2ogtk2-scrollbar-horizontal being my preference), or with simpler arrows either side of the tabs to indicate there are more. If anyone else has any ideas on this, or knows of any issues we are likely to hit, then pleae let me know.

Yours
James
Attachment tabs_error.gif
In reply to James Ballard

Re: tabbed couse format: with or whitout reloading

by James Ballard -
I would like to make two versions of the original tabbed format. One with the flash scrollbar and one without, as we will be using them for different functions. I can remove the scroll via format.php, but if I try to create two different tab format folders, only the one called tabs will work. Can I change something to allow me to have two copies of the same format - one with scroll (tabs_scroll) and one without (tabs_fixed).

I have solved this now. Course format folder needs to be less than 10 chracters.
D'oh

James
In reply to James Ballard

Re: tabbed couse format: with or whitout reloading

by Ronnie Brito -
@ Ronnie,
should there be some theme changes to accompany this, or does it use the previous theme settings. It doesn't appear as tabs when I installed it (see image attached).

sorry, i didnt tested it on other instalations..
you need to change the format.php code near line 184

<div id="sec<?= $section ?>" style="position:absolute; width:728px; height:302px; z-index:<?= $section; ?>; left: 250px; top: 362px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;">

maybe the style position should be relative :D

the format was designed to work with the right column with no items and it doenst show sections with no summary (the summary text is what appears on the tabs)
its also suggested to disable the show/hide this/all sections function

if you improve this tabbed format code, please share it with us :D
In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by Saiful Anwar -
Hello Ronnie,
I have just tried your no-reload course format, but it seems doesnt work for me, or did i take any wrong steps?
I extracted your archive to course/format directory, and then i simply choose it in my course setting.
CMIIW.
In reply to Saiful Anwar

Re: tabbed couse format: with or whitout reloading

by Ronnie Brito -
saiful,

sorry but i didnt noticed that moodle just works fine with course formats with up to 10 characters on its name :D
change the directory name and its going to work almost fine (see the above posts)
In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Hi Ronnie,

I just tested your no reload tabbed format and it's really great. Here's a screenshot. This is a two-column (Kubrick-type) theme. (Note this "test" course currently has only the News Forum in the "0" section and the current section that is showing only has a forum in it.) I tried to get the current section to show with td class=selected, but couldn't get that to work, so they all show as active tabs. The only thing is that you are limited to how many topics you can have--the tabs have to fit across in the middle column. I wonder if there is a way to have two rows of tabs? But for now, this is really nice for having a course homepage in "separate" sections.

Thanks alot
Attachment tabbed.gif
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
I was missing in my theme for Tabbed reload the left border (for Moodle 1.6)


changing line 203-204: echo '<table width="600px" border="0px" ><tr id="section-atual'.$section.'" class="section main'.$sectionstyle.'">';
echo '<td>';
.
into line 203-204: echo '<table width=100% border="0px" ><tr id="section-atual'.$section.'" class="section main'.$sectionstyle.'">';
echo '<td class="left side">';
.
And you get (in my theme smile) :


Attachment tabsRaba.gif
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
Both formats neglect - in student view - the teacher choice "Hide this section" and also force the width of the central section to the right. (instead of dividing the availble space by the number of tab-candidates.. or as Chardelle suggested: to make more tab rows for every four/five tabs or so.. I see that you were thinking about something like that when you created your strlen cutt-off procedure... )
Attachment necglecthide.gif
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
After changing in Tabbed NO Reload in line 221: echo '<table width="600px">
into: echo '<table width=100% > the layout is here also a little better:

Attachment neglecthide2.gif
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
To be more precise:
  • In tabbed reload the teacher can hide the content of a section, but looses - as teacher ALSO - the view on the content (not in normal Moodle)
  • for the student the content of the section is correctly hidden, but the tab for that hidden section stays visible. (should be hidden or dimmed too..)


In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Rickie,

Do you think it would be possible to have the chosen section stay shown (like the regular course format does with "show this topic only"), rather than having it always show section 1 when you go to the course homepage? That would be fantastic.

Ger--If you want to hide a section, you can delete the summary so there is no tab.
I can see hidden activities with reload as teacher.
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
Mmmm, as a teacher you must remember that trick AND the name for that tba when you want to show it again. Not nice
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
I like your no reload trick but meet small problems:
  • the section appears in my stylesheet in the wrong place
  • so I changed line 184
  • <div id="sec<?= $section ?>" style="position:absolute; width:100%; height:302px; z-index:<?= $section; ?>; left: 14px; top: 222px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;">
  • I had to hide the zoom option for a hidden section to prevent weird behavior when someone pushes that zoom button...
    (insert line 256: if (!$thissection->visible) { } else{ -= your old code =- }
  • then I discovered that if I use section zero, my tabs disappear behind the section body.
  • Using my own version for printing section zero (print_sectionZERO) I came to this solution:

Attachment noreload2.gif
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
..and then I enlarger my font in the browser (for a 508 check) and get this view sad

I think that it is worong to choose"style="position:absolute";
Attachment norelaod3.gif
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ronnie Brito -
thats very nice tielemans
it seems that the format has evolved...
could you post your code for us?

i want to make clear that the tabbed course format is good just for some scenarios.. when you have a limited number of tabs...
it was not tested in other instlations before posting eheheh. it was designed for a very specific configuration...

but thats a way to share the work to be done :D
i dont have time to change the code anymore, at least for the next weeks, so people feel free to change it ;)
In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by Ger Tielemans -
Well, I am not the maintainer of the code, I just emailed my local changes. (Ask Jeremy?)
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Ronnie Brito -
maybe this is not the right way to collaborate
dissapointing...
In reply to Ger Tielemans

Re: tabbed couse format: with or whitout reloading

by Chris Fry -

Ger

Could you please post the couse format TABBED that you have.... the ones that I am downloading and installing are not working for me.... I keep geeting within the formats.

Thank you.

In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Deon Metelski -
Hi Chardelle,

I was just looking at this post and trying to get the nice tabbed look you created, but to no avail. I am using the Kubrick theme but cannot get the nice tabs you have or the content to go right under the tabs. The further along I click on the tabs the futher down the content goes on the page. Any help or guidance would be appreciated.

Thanks,
Deon
In reply to Deon Metelski

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Hi Deon,

I don't think I had to make any css changes, but I did have to make some changes to the format file. Here's the retab format file--I actually like it better because it shows the current tab as "on top" and doesn't show the tab title (summary) twice. Be sure to set your number of topics/weeks to the number of tabs (sections) you actually have.  If you want the "tabbed" format file too, let me know.
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Timothy Takemoto -
Is this the Flash free version Chardelle?
I would like a flash-free-tabbed-course package please.
Tim
In reply to Timothy Takemoto

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Hi Timothy,

Sorry, this isn't for the tabbed format that Jeremy originally posted. This is the tabbed format that Ronnie posted. It's very simple (no flash) -- it merely turns each section (except section 0) into a tab with the summary as the tab title. It's really best for courses with very few sections since there is no "horizontal scrolling" like with Jeremy's format.
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Timothy Takemoto -

I am a little worried about the absence of flash on the students computers. Flash generally works well but I would like the basic course content to be viewable using html. Hence....

Thank you! It sounds good.

But will it work for 15 or 16 weeks? Generally there are 13 or 14 weeks in a term and a holiday or two.

It should not take up all that much space.
1    2    3    4    5    6    7    8    9   10   11   12   13   14   15   16
It would be nice if the tab of the week corresponding to the current date were pink (or other colour).


I hope to be able to try it out. The really long moodle course is a bit scary. It is simpler but then a row of tabs is pretty simple too.

I pray that someone is so kind as to provide a zip with a readme containing all that is required. And more than that, as Art says, I hope that tabbed becomes a standard course format.

Tim

In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Darren Smith -
I must admit I would prefer the non-flash version for tabs and will be trying this out is a couple of weeks smile

What is the limit for the number of tab or does it just keep expanding and make the course longer?

TIA

Darren
In reply to Darren Smith

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
I haven't tried it with a whole bunch of sections??? So, don't know what it would do. Anybody know? If you see Ger's post above you can see what it looks like with 8 tabs. I assume the smaller the title (E.g. 1, 2, 3, ) the more would fit. It doesn't hurt to try. BUT, here's the problem I had with Ronnie's code: It does not "keep" the selected tab on top when you revisit the page-- it always goes back to the first tab. I tried to get it to stay on the selected but couldn't. It would be great if someone could figure this out--I think Jeremy's code does stay on the last selected tab, so there should be a way.

Timothy, if you want to try the one I (and Ger) show above, simply put the folder under the course/formats folder and upload it, then choose it in course settings--that's it (if you don't add the title to your lang file it will show up in your course settings as formatretab but it still works). I'll post a new zip here since the original one had a few problems

I think you can change the selected tab color in styles color with this:

.generaltabselected {
background-color:#DDDDDD;
}
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Deon Metelski -
Hi Chardelle,

Thank you for the files. I am going to look at the tabs in the javascript version to see if I can get them to stay highlighted. I also modified it so when a teacher turns editing on it stays on just the one section instead of opening up. In case anyone else wants it this way I just commented out the lines in format.php

if (isediting($course->id)){
include($CFG->dirroot.'/course/format/topics/format.php');
}else{

and at the last line of the file

<? } ?>

This is what I am going to work on or hire my programmer to do it for me.
  • Making it so the tabs can be labeled independently
  • Tabs can be added and automatically labeled by default with a number
  • Specify the tab number in one row and the wrap the other tabs below the first row.
I am having one issue though right now that I can't seem to find the right css class or id needing to modify. All my tabs are fine in the rest of the site but using this format I get this

screenshot

Any ideas anyone?

Thank you,
Deon

In reply to Deon Metelski

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Hi Deon,

Sorry, I don't know what would be causing that.  You might start with the standard theme and see how it looks, then go from there. 

Tony,

I don't know if you are asking about the retab format or not, but here is a screenshot of a course with the standard theme, no columns in the right, and in 1.6 Beta, using the files I posted above.  Everything seems ok.
Attachment tabs.gif
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Tony Ruggiero -

Chardelle:

The problem I think is a theme issue, not sure.

If I come in as admin and go to standard themes and no "retab" course format - everything is fine.

If I come in as admin and go to a retab course with "tabbasic" as the theme, I get the sesskey problem.

If I come in as a student - everything is fine.

Confused,

Tony

In reply to Tony Ruggiero

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Okay Tony,

The retab format (Ronnie's) does not require any specific theme.  The tabbasic theme is a specific theme required to run Jeremy's tabbed format.  So, try the retab format with any regular theme.
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Tony Ruggiero -
Chardelle:

I tried that and it didn't work but I found it...

in format.php around line 34:

    if (isteacher($course->id) and isset($marker) and confirm_sesskey()) {
        $course->marker = $marker;
        if (! set_field("course", "marker", $marker, "id", $course->id)) {
            error("Could not mark that topic for this course");
        }
    }

Replace with:

    if ($marker && isteacher($course->id) && confirm_sesskey()) {
        $course->marker = $marker;
        if (! set_field("course", "marker", $marker, "id", $course->id)) {
            error("Could not mark that topic for this course");
        }
    }

Works like a charm with tabbasic or just a standard theme. Thanks for your help though!

Whew,
Tony  big grin
In reply to Tony Ruggiero

Re: tabbed couse format: with or whitout reloading

by James Ballard -
Hi Tony

I am experimenting with using Jeremy's tabbed format in 1.6 Beta 5, and making your changes removes the session key error. However clicking the tabs does not change the topic on view. Not sure if they are related issues.

Any ideas why the sections no longer change or have you got them to work in 1.6.

Yours
James
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Will Taylor -
re setting Selected tab color -

.generaltabselected {
background-color:#DDDDDD;
}

does not seem to do the trick.  Any other suggestions?

- will
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by James Ballard -
Hi

Using Chardelle's retab format, the last tab is being cut short at the end (see image). I have noticed on the other screenshots this has been remedied. Any ideas why?

Yours
James
Attachment tabs.gif
In reply to James Ballard

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
James,

There is css code for the last tab that puts the right end of the last tab up when it is the last section of the course. Therefore, you need to have the number of topics set your course settings as the number of tabs you actually have (so in this example, set your number of topics to 3).
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by James Ballard -
Thanks for that, I did that later and noticed it had rectified but it's good to know why this is happening. Everything seems to be going great in 1.6 so far which is good.
In reply to Chardelle Busch

Re: tabbed couse format: with or whitout reloading

by Eduardo Hernandez -

Hello Chardelle,

the format is not working for me sad

But first of all, I think tabbed course format is very very cool feature. As we are moving from WebCT to Moodle; it really helps us in our migration process as some of our faculty members are too used with the WebCT interface and this course format is great transition!

However, I run 1.5.3+ in my personal computer and what I have done is to paste the directory retab into course/format, then I go to any course, set its format to the tabbed format and.... I can't get tabs in the course main page.

however I see an icon with a JavaScript warning in Internet Explorer, saying:

Error at line 108 object expected

Looking at the code, line 108 javascript:showSec(1);

Firefox says (it is in Spanish):

Error: showSec is not defined
Archivo Fuente:
http://localhost/course/view.php?id=2
Línea: 108

Is there something wrong in my installation process?

Thanks so much in advance

In reply to Eduardo Hernandez

Re: tabbed couse format: with or whitout reloading

by Chardelle Busch -
Picture of Core developers
Hi Eduardo,

I have not seen those errors, but I don't have any idea why that javascript is there (Maybe Ronnie can tell us). I just tried deleting those lines and it still seems to work okay. Try it and see if it works:

delete:

<script>
javascript:showSec(1);
</script>

In reply to Ronnie Brito

Re: tabbed couse format: with or whitout reloading

by Joan Codina Filba -
There is any place where to test it? maybe as guest or a dummy user

Thanks
Joan
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Chad Outten -
Nice job, Jeremy. I like the tabs concept! We currently support 200 PocketPC users, so im very interested to follow further developments with your course format [particularly seeming screen real-estate is at a premium for these users!]. Is there any prospect that it will become a standard course format option for future Moodle versions? Cheers, Chad big grin
In reply to Chad Outten

Re: New course format :: Tabbed

by Art Lader -
Is there any prospect that it will become a standard course format option for future Moodle versions?

That would be great!

-- Art
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by N Hansen -
I don't like this format because it puts the tabs at the top where there is a limited amount of space for them so they aren't all visible. Why not put the tabs down the side, and take advantage of the space?
In reply to N Hansen

Re: New course format :: Tabbed

by Darren Smith -
I prefer that kind of idea for most courses as you tend to have many sections / weeks - or at least I do.

I think tabs would be nice for shorter courses and I am looking forward to playing with them but I would actually like to see the tabs used for things such as the gradebook and other learning tools rather than relying upon blocks smile

Darren
In reply to Darren Smith

Re: New course format :: Tabbed

by N Hansen -
Yes, I'm somewhat anti-block. It seems the proliferation of blocks in Moodle is due to a lack of thought about how best to integrate new features. People simply think-a new feature, let's add a block, until it has now become riddled with blocks like a bunch of ugly warts. Tabs of some kind might be a solution to that problem. What do you envision?
In reply to N Hansen

Tabbed Blocks

by Darren Smith -
I must admit I am going through a moodle course de-clutter at the moment. My students just don't know where to look. They have a lot of information in front of them in a course with nothing to flag up what they should be looking at except for unread forum posts (for example unread feedback would be very cool next to an assignment submission)

I have been thinking about tabbed learning tools for a while now as a means to provide access to vital moodle elements but haven't produced any prototype graphics so I will try and explain it in words ....

Imagine a course like Jan's example with 1 section/week at a time accessible through a menu on the left. Also include tabs across the top as shown in this thread but these would be labeled gradebook, calendar, MyMoodle, Profile, marking (if you were a teacher), administration (again teacher) and so on.

Now the clever bit (I hope smile)....

There would be a new dropdown called 'Add new tab'. This would just give you the blocks list and therefore allow you to add a block as a tab. smile

This would mean installation of new tabs would be a doddle. All the tab code in the course format would have to do would be provide a wrapper for the standard block.

I guess if moodlers didn't want to see all blocks then you could still use the same method of creating a block for a tab but just have a tab folder in /moodle and tweak the first few lines of the block code to reflect it's actually a tab IYSWIM. Something like (I'm guessing here) .....

    class tab_marking extends tab_base {

Now I don't have the moodle skills to do this but I would imagine that for somebody who did then this would be pretty simple. Obviously issues like 'how many tabs' and so on would appear in time but nothing too difficult I would imagine.

Thoughts?
In reply to N Hansen

Re: New course format :: Tabbed

by Ger Tielemans -
  • I am suprised that you are a little anti-block: I love the idea of putting the core activities of a course in the middle (the sections) and  give more global supporting activities their place in the blocks.
  • I do not like the blocks with only one or two functions/links: I make sometimes combinations of several "thin" blocks
  • We only use courses with a maximum of 10 sections. a year course is a set of 4 sections. (so 10 tabs with short keywords for the cards are visible)
  • We use the tab-format if sections are less hierachical then the weeks or topics formtas imply
  • Why not use the nice outline block from Humboldt University for course overview?
In reply to N Hansen

Re: New course format :: Tabbed

by Matt Gibson -
I like the blocks-as-tabs idea a lot. Large blocks are a nuiscance as they can easily run way down the screen and get missed. Side tabs/menu combined with block tabs sounds like a really good idea too. MSN, I notice has a good line going in side tabs already... I'd love to use a two-column layout as default, but I've just got too many damn blocks all over the place and I need them!

Matt
In reply to Matt Gibson

Re: New course format :: Tabbed

by Tony Ruggiero -
Will this work with 1.6 Beta 3?

I get this error:  A required parameter (sesskey) was missing

Thanks,
Tony
In reply to Jeremy FitzPatrick

Simple hack alternative

by Jeremy FitzPatrick -
I have a simple 'hack' alternative to the Tabbed Course Format using javascript.  It is a very quick and dirty solution, but allows easy access to a single topic block at a time.

1) Create a course using the Topic Format
2) Click the edit summary icon in the first block, 'Topic 0'
3) Enter the 'code view' using the '<>' button and paste the following code

<!-- reset ampersands in the script -->
<script language="javascript">
   function goTopic(myTopic) {
     myURL = document.location.href;
     idEnd = myURL.indexOf('&');
     if (idEnd != -1) {
        myURL = myURL.substring(0, idEnd);
     }
     myURL += '&topic=' + myTopic;
     document.location.href = myURL ;
   }
</script>

<table style="width: 100%;">
<tbody><tr>
  <td><a href="javascript:goTopic(1);" style="width: 33%;">Topic One</a></td>
  <td><a href="javascript:goTopic(2);" style="width: 33%;">Topic Two</a></td>
  <td><a href="javascript:goTopic(3);" style="width: 33%;">Topic Three</a></td>
 </tr>
</tbody></table>

4) Save the changes.

Clicking the links 'Topic One' etc will display just that topic box. One thing to note is that Moodle replaces the '&' on lines 5 and 9 with '&amp;' everytime you edit so you need to check and fix this before you save every time.  An alternative is to put the script in a label and the table in the summary or vice-versa.

Jeremy


In reply to Jeremy FitzPatrick

New course format :: Tabbed > BROKEN in 1.6! :o(

by Paul Andrews -

Tabby is broken in 1.6 v5.

Interestingly it seems the same problem happened with other course formats during the beta testing of Moodle 1.6 > http://moodle.org/bugs/bug.php?op=show&bugid=5139

Now if we could find out what the fix for that problem was we could fix tabby...

Any ideas?

mixed

In reply to Paul Andrews

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Ger Tielemans -

  insert: $topic = optional_param('topic',-1, PARAM_INT);

replace: if (isteacher($course->id) and isset($marker) and confirm_sesskey()) {  

with: if ($marker && isteacher($course->id) && confirm_sesskey()) {

around line 112:       if ($topic !=-1)
                                    course_set_display($course->id,$topic);  
                              } else {  

In reply to Ger Tielemans

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Paul Andrews -

Ah brill.

I'll test this tomorrow when I'm in the office - many many thanks Ger!

big grin

In reply to Paul Andrews

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Paul Andrews -

sad

I'm being dense - can't get either of the tabbed formats to work dispite the suggested changes.

If anyones got them working in 1.6 beta V5 could you post the format.php file up here please?

Ta muchly.

smile

In reply to Paul Andrews

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Tony Ruggiero -
Paul:

I am using the retab format (hope this helps).

I am attaching the format.php file. The problem I had was improper sesskey code.

Tony
In reply to Tony Ruggiero

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Paul Andrews -
Hi Tony - Cheers for this.

Sadly I'm still getting:

"A required parameter (sesskey) was missing"

TBH I prefer retab to the other one but don't mind which we use as long as we can get one to work.

thoughtful
In reply to Paul Andrews

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Ger Tielemans -

MY solution was for this one:
Developed by Paul Eckroyd
Maintained by Jeremy FitzPatrick

Tony's format does not work for me under 1.6beta5 (his changes under this mesaage do not work for me either)

In reply to Paul Andrews

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Tony Ruggiero -
Paul:

That was the problem I had but I changed this (around line 34):
this ---
    if (isteacher($course->id) and isset($marker) and confirm_sesskey()) {
        $course->marker = $marker;
        if (! set_field("course", "marker", $marker, "id", $course->id)) {
            error("Could not mark that topic for this course");
        }
    }

to this ---
    if ($marker && isteacher($course->id) && confirm_sesskey()) {
        $course->marker = $marker;
        if (! set_field("course", "marker", $marker, "id", $course->id)) {
            error("Could not mark that topic for this course");
        }
    }

don't know if you tried this. Then I had to clear my cache, force a reload (actually logged out and back in) and it worked.

Hope it works for you.

Tony
In reply to Tony Ruggiero

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Chardelle Busch -
Picture of Core developers
I haven't been following this thread, but Paul just alerted me to this problem. There must be a problem with the files in my zip (I can't really remember now what I did).

Here's my format.php file that really does work in 1.6.

In reply to Chardelle Busch

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Ger Tielemans -

topics format from latest nightly is now also broken, weeks and weeksccs are ok now.

Chardelle's format with standardwhite forum is broken:

Attachment shot032.png
In reply to Ger Tielemans

Re: New course format :: Tabbed > BROKEN in 1.6! :o(

by Nicole Snyder -

I had this problem too. I found with my site that it wasnt the theme it was the heading text of the tabs that made the image break like that. I had to delete and retype my headings without any fancy html and everything went back to normal. I could use the bold feature though without any problems.

In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Jeremy FitzPatrick -
I am working on a different, much simplified approach based on the new weekscss format. I have named this webtab as it is better suited for smaller web site type courses.  It uses javascript and css to show / hide the topics and ajax to update the database before showing the next topic. Links are only numbers at this stage but the title attributes are included for tooltips.  As I may not get back to this for a few weeks I am releasing it in this working but bare bones state. The code still refers to weekscss. The webtab.css file needs to be included in your theme.

Jeremy
In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Ger Tielemans -

Jeremy, I tried to use your FN tab format, but I failed:

In reply to Jeremy FitzPatrick

Re: New course format :: Tabbed

by Michael McDermott -

I have Chardelle's tab course working on my site (Moodle 1.6+). (I added the update for 1.6 that Chardelle kindly posted) The only slight snag I have is that the labels are just below the  tabs and not on them. Not being a PHP programmer I have not sorted this out. Any ideas?

Mike

In reply to Michael McDermott

Re: New course format :: Tabbed

by Michael McDermott -

It seems to have gone very quiet on the Tabbed course front.

Attached is the retab format that works well on my test server.

Moodle 1.6 Beta5 PHP 5.1.1 and mysql 5.0.18

But just gives a blank screen on my main server

Moodle 1.61+, PHP 5.1.2 Mysql 4.1.2

and still asks for a sesskey on my laptop which is at home at the moment, but has settings inbetween.

I don't want to change my main server to any other versions of Moodle, PHP or mysql as all works really well for everything else.

Can anyone help? Is there tabbed life out there?

Mike McDermott