top of page
See below for submenu colour standards.

 

Local 333 Units - Fixed SideBar Submenu

 

The menu/navigator on the right (a "fixed sidebar menu") uses embedded HTML (including JavaScript for style management). WIX sees this as an Embedded Widget.

The advantage of this menu over a simple text menu is much better presentation.  The disadvantage is that it takes slightly better technical knowledge to update the menu.

For both types of submenus, adding/removing pages (or changing a page's URL) requires updating the submenu links in one of the subpages, then copy-pasting from that page into all the destination pages that use the same submenu -- removing/replacing the old submenu in the process.

Before copying-and-pasting as noted above:

Changing the pages in this type of submenu requires updating the embedded code.  Click on the menu, then click "Edit Code".  You'll see a section near the bottom of the code <div class="sidenav">.  Within the <div> you will see one line for each linked sub page.  One of the subpages will likely be self-reference to the page that you are looking at.  In that case the href tag might have been removed, and a style added for color and background-color.  This is optional, different for each submenu on a page-by-page basis so that the reader can tell by looking at the menu which subpage they are on.

Notes for Future:
  • It would be good to find a way to place the <style> of the JavaScript in Widget into WIX as a common header for all pages.  Unfortunately, WIX does not natively support this at the time of writing (2021-August).

  • I'm not happy that the submenu pages must be defined absolutely (versus referentially, without having to specify the domain name).  So far, I haven't found a way around this in WIX that's practical -- let alone allowing the submenus to be maintained by someone who's comfortable poking around simple code (2021-August by DougB).

Side-bar menu colours

(as used on right-side submenus for the different units of the local)

BCTransit Menu

These colours are chosen to roughly match the colours used on BC Transit's web-site, using colours from Unifor's identity standard (XYZZY make a link).

  • Background Colour (menu): 002855 (Unifor midnight blue)

  • Font Colour (menu): CBC4BC (Unifor light charcoal grey)

  • Background Colour (on hover):  <not defined>

  • Font Colour (on hover):  C31A1A (Unifor red)

  • Background Colour (active page): 767676 (grey)

  • Font Colour (active page): FFFFFF (white)

HandyDART (both Victoria and Duncan submenus)

These colours are chosen to match the colours from the side of a BC Transit bus.

  • Background Colour (menu): 099846 (green)

  • Font Colour (menu): 1F243E (dark blue)

  • Background Colour (on hover): <not defined>

  • Font Colour (on hover): F1F1F1 (almost white)

  • Background Colour (active page): 767676 (grey)

  • Font Colour (active page): FFFFFF (white)

MediVan

These colours are chosen to match the colours from the side of a MediVan and the MediVan site.

  • Background Colour (menu):  11707C (darkish turquoise, played with 0896A3 as a lighter alternative)

  • Font Colour (menu): 000000 (black)

  • Background Colour (on hover): <not defined>

  • Font Colour (on hover):  F1F1F1 (almost white)

  • Background Colour (active page): 767676 (grey)

  • Font Colour (active page): FFFFFF (white)

SideBarMenuColours
bottom of page