...

A Style guide helps to make consistent design decisions. A reference to agree on before doing try-and-error discussions that can be costly and frustrating. In the end it may not really matter if the colour of the alert dialog modal is red or orange. And it may not matter if the OK and Cancel button is left or and right. Or the opposite.

But what matters is that once you decide for one of those patterns you do it consistently! Not come up with alternating patterns or have various different versions of a UI/UX of the same similar functionality.

Further material and examples on what a typical Style Guide (and StoryBooks) would contain and solve:

...

• In a confirmation dialog the OK (Primary) button should be left, the Cancel (Secondary) button right

Components

Bootstrap Style and components

OpenMeetings relies on Bootstrap, so the Bootstrap general guide should be our guideline: https://getbootstrap.com/docs/4.4/components/

Whiteboard toolbar menu

Proposed design

Proposed behaviour

• Visible true if you have permissions for whiteboard (or inherited permissions)
• Disable elements when for example no document in whiteboard for page elements