/moodle-format_tabtopics

Repository closed - Please see https://github.com/oohoo/moodle-format_tabtopics for the more recent version

Primary LanguagePHP

--------------------------------------------------------------------------------
-------------------------- OOHOO COURSE FORMAT TABTOPICS -----------------------
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
Description
--------------------------------------------------------------------------------

This course format displays each sections in a tab.

--------------------------------------------------------------------------------
Prerequisites
--------------------------------------------------------------------------------

None

--------------------------------------------------------------------------------
Installation
--------------------------------------------------------------------------------

1.	copy the folder renamed "tabtopics" into the moodle/course/format folder.
2.	Login to Moodle with admin rights. 
3.	In the Site Administration block, click on Notifications a new 
        notification for the installation of Calendar Format will shows
4.      Click on Install


Your done. Go into a course edit page and select Format => Tabtopics format

Note: You can change the tab color by adding this to your theme CSS file

################################################################################
    /* The border under tabs */
    .yui3-skin-sam .yui3-tabview-list
    {
        border-bottom-color: #2647A0 !important;
    }
    /*The regular tab style*/
    .yui3-skin-sam .yui3-tab-label
    {
        background-color: #EFEFEF !important;
    }
    /*The regular tab style hover*/
    .yui3-skin-sam .yui3-tab-label:focus,
    .yui3-skin-sam .yui3-tab-label:hover
    {
        background-color: #EDF5FF !important;
    }
    /*The selected tab border color*/
    .yui3-skin-sam .yui3-tab-selected .yui3-tab-label, 
    .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus, 
    .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover
    {
        border-color: #243356 !important;
        background-color: #2647A0 !important;
        /* Note: On IE9 you will probably have to put "background: #2647A0 !important;" in order to force the color changes */
    }
    /*The tab content background color*/
    .yui3-skin-sam .yui3-tabview-panel
    {
        background-color: #EDF5FF !important;
    }
################################################################################

--------------------------------------------------------------------------------

For more informations, please go to the online documentation => http://oohoo.biz