Oaktree Weather Systems

The cmxConfig Object

This page focuses on the Custom Area of cmxConfig

StandardMenu

This option controls whether or not you want to use a standard bar-type menu as in the default and previous versions of this site.

Set this to true to use a bar-type menu
Set to false if you want to use the new hamburger style menu

This is not active in this version - it is provided for future developments.

Theme

Use this option as in previous versions. Set it to the theme name as found in the themes subfolder but without the .css file extension.Further information More information about themes can be found on the Themes page.

Logo

If this is left blank, the CumulusMX logo will be used, if it contains None¹⁾ then no logo will be used, otherwise provide an absolute or relative path to your chosen logo image. See more Your image can be as large as you want but will be reduced in proportion to a maximum height of 80 pixels.

BannerImage

Leave blank for no image, otherwise provide an absolute or relative path to your chosen image. See more The image will always be aligned center / bottom and set to cover the available area. For this reason I recommend an image at least 4000 by 600 pixels.

Static Head & Static Foot

As in previous versions, both the banner and the footer are static by default. I.e., they attach to the top and bottom of the screen regardless of the page content. Setting either of these to false will cause theme to scroll with the page.more If the screen content is not enough to reach the bottom of your browser, the footer will still attach itself to the page bottom but the gull will be on the bottom edge of the screen.

Padding

Again a standard feature of my templates, you can adjust the gap between the page content and the banner and footer. Entries cannot be negative and setting them to zero will not mean there is no gap; that is also determined by element padding within the content of the page.

Units can be any of em, vh or px. The first two provide responsive gaps, either based on font size or screen height. The latter uses the pixel resolution of your screen.

The cmxConfig Object

cmxConfig = {
    Charts: {
        Trends: '',
        Historic: '',
    },
    Custom: {
        StandardMenu: false,
        Dropdown: true,
        Theme: '',
       	Logo: '',
        BannerImage: '',
        StaticHead: true,
        StaticFoot: true,
        PaddingTop: '2',
        PaddingBottom: '1',
        PaddingUnits: 'em',
    },
    Data: '',
    Menu: 'js/ows-menu.js',
    NOAAReportPath: 'Reports/',
    Gull: {
        Animation: '',
        Speed: 10,
        OnTop: false,
    },
    Records: {
        All: '',
        Monthly: '',
    }
};

¹⁾

I don't recommend this unless your banner, see next entry, contains the name of your site in some way.