Themes

What bootstrap theme are you modifying and what version of Moodle?  Are you experimenting with Bas's contributed Bootstrap for M2.4?

As well as altering the block regions, you have to alter the content too.  The entire row must add up to 12 as stated on the 'getbootstrap.com' link above.

Hi John,

If you are using Clean theme in Moodle 2.5, or 2.6 then you would need to change the following to make it into a 2 column for course and incourse pages...

$THEME->layouts = array(
    // Most backwards compatible layout without the blocks - this is the layout used by default.
    'base' => array(
        'file' => 'columns1.php',
        'regions' => array(),
    ),
    // Standard layout with blocks, this is recommended for most pages with general information.
    'standard' => array(
        'file' => 'columns3.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre',
    ),
    // Main course page.
    'course' => array(
        'file' => 'columns2.php',
        'regions' => array('side-pre'),
        'defaultregion' => 'side-pre',
        'options' => array('langmenu' => true),
    ),
    'coursecategory' => array(
        'file' => 'columns3.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre',
    ),
    // Part of course, typical for modules - default page layout if $cm specified in require_login().
    'incourse' => array(
        'file' => 'columns2.php',
        'regions' => array('side-pre'),
        'defaultregion' => 'side-pre',
    ),
    // The site home page.
    'frontpage' => array(
        'file' => 'columns3.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre',
        'options' => array('nonavbar' => true),
    ),
    // Server administration scripts.
    'admin' => array(
        'file' => 'columns2.php',
        'regions' => array('side-pre'),
        'defaultregion' => 'side-pre',
    ),
    // My dashboard page.
    'mydashboard' => array(
        'file' => 'columns3.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre',
        'options' => array('langmenu' => true),
    ),
    // My public page.
    'mypublic' => array(
        'file' => 'columns3.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre',
    ),
    'login' => array(
        'file' => 'columns1.php',
        'regions' => array(),
        'options' => array('langmenu' => true),
    ),

    // Pages that appear in pop-up windows - no navigation, no blocks, no header.
    'popup' => array(
        'file' => 'popup.php',
        'regions' => array(),
        'options' => array('nofooter' => true, 'nonavbar' => true),
    ),
    // No blocks and minimal footer - used for legacy frame layouts only!
    'frametop' => array(
        'file' => 'columns1.php',
        'regions' => array(),
        'options' => array('nofooter' => true, 'nocoursefooter' => true),
    ),
    // Embeded pages, like iframe/object embeded in moodleform - it needs as much space as possible.
    'embedded' => array(
        'file' => 'embedded.php',
        'regions' => array()
    ),
    // Used during upgrade and install, and for the 'This site is undergoing maintenance' message.
    // This must not have any blocks, links, or API calls that would lead to database or cache interaction.
    // Please be extremely careful if you are modifying this layout.
    'maintenance' => array(
        'file' => 'maintenance.php',
        'regions' => array(),
    ),
    // Should display the content and basic headers only.
    'print' => array(
        'file' => 'columns1.php',
        'regions' => array(),
        'options' => array('nofooter' => true, 'nonavbar' => false),
    ),
    // The pagelayout used when a redirection is occuring.
    'redirect' => array(
        'file' => 'embedded.php',
        'regions' => array(),
    ),
    // The pagelayout used for reports.
    'report' => array(
        'file' => 'columns2.php',
        'regions' => array('side-pre'),
        'defaultregion' => 'side-pre',
    ),
    // The pagelayout used for safebrowser and securewindow.
    'secure' => array(
        'file' => 'secure.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-pre'
    ),
);

I am in no way a theme designer, I just wanted more course content. I am still adjusting items as I go, in the end I am going to have to create a new theme by copying "clean" and renaming all the appropriate files and folders as soon as I search the forums on the how-to.

I basically went into the "clean" layouts folder, columns3.php and moved each content or block into their own region, the original 3 column layout had the left blocks and course content in the same region, I then used the custom css setting to adjust the widths using percentages.

Now looks like,

<div id="page-content" class="row-fluid">
        <div id="<?php echo $regionbsid ?>" class="span12">
              <div class="row-fluid">
                    <?php echo $OUTPUT->blocks('side-pre', 'span3 desktop-first-column'); ?>
                           <section id="region-main" class="span6 pull-left">
                                 <?php
                                          echo $OUTPUT->course_content_header();
                                          echo $OUTPUT->main_content();
                                          echo $OUTPUT->course_content_footer();
                                  ?>
                            </section>

                     <?php echo $OUTPUT->blocks('side-post', 'span3'); ?>

               </div>
        </div>

Custom CSS in the theme settings in Moodle:

.row-fluid .span6 {
width: 58.717948717948715%;
}

.row-fluid .span3 {
width: 18.076923076923077%;
}

body {
font-size: 12px;
}

h3 {
font-size: 18px;
}

It looks promising. The only issue I see now is that when using a non-desktop monitor like a mobile device the content gets screwed. I will eventually just use "clean" as the mobile theme after I create a new theme out of this one, (need to figure that out first, hah!)

Since it is new to me, this was the easiest way for me to figure out how to do it, if there is a better way, someone jump in.

Thanks,

John