Silhouette V6 skin with Accordion Menu
Posted: Wed May 26, 2021 9:48 pm
Hi,
A request from a Facebook user was to have the V6 Silhouette skin but use the Accordion Menu rather than the default Thumbnail menu.
Seems easy at first but looking at the modification there were a few things to consider.
1) The Accordion Menu does not use the Thumbnail Menu button so needed to be hidden
2) The mobile Thumbnail Menu will need the Thumbnail Menu so the controller has to adapt to the menu button showing and hiding
3) The Accordion Menu needs to fade in with the other elements on open
Have not worried about the exposed colours as you can use the colour tool, but may get around to do it later, or if anyone fancies a go at it.
So using the player width trigger of 450px, what happens now is when the player is wider than 450px the Thumbnail Menu button hides and the menu adapts filling in the hole left by the button being removed.
The Accordion menu hamburger button will show, top left of the player.
When the window is reduced in size to 450px and below the hamburger button hides along with the Accordion menu, the Thumbnail Menu button shows allowing you to open and close the mobile Thumbnail Menu.
Regards,
A request from a Facebook user was to have the V6 Silhouette skin but use the Accordion Menu rather than the default Thumbnail menu.
Seems easy at first but looking at the modification there were a few things to consider.
1) The Accordion Menu does not use the Thumbnail Menu button so needed to be hidden
2) The mobile Thumbnail Menu will need the Thumbnail Menu so the controller has to adapt to the menu button showing and hiding
3) The Accordion Menu needs to fade in with the other elements on open
Have not worried about the exposed colours as you can use the colour tool, but may get around to do it later, or if anyone fancies a go at it.
So using the player width trigger of 450px, what happens now is when the player is wider than 450px the Thumbnail Menu button hides and the menu adapts filling in the hole left by the button being removed.
The Accordion menu hamburger button will show, top left of the player.
When the window is reduced in size to 450px and below the hamburger button hides along with the Accordion menu, the Thumbnail Menu button shows allowing you to open and close the mobile Thumbnail Menu.
Regards,