Totem Application
Last modified by Vincent Massol on 2024/02/26 17:54
- [UX][Proposal] Totem Application http://markmail.org/thread (June 4, 2015)
- Related proposals:
- Macaw Skin (May 2015)
- Implementation:
- Totem Application (Feb 2015)
- Related proposals:
Description
This proposal was done following Google's Material Design guidelines and using FezVrasta's Material design theme for Bootstrap 3.
While the proposals displays the Totem application using Macaw Skin, the proposed structure can be applied also on Flamingo Skin.
Homepage
Add inline-form (Colibri/Flamingo style)
Add button (Macaw style)
Forms
Single-line fields
Placeholder
Value and Success Message
Error Message
Floating labels
Label
Label + Hint
Label + Value
Totem
View Mode
Edit Mode | |
---|---|
'Add Section', 'Delete Section' | Launch dialogs |
'Manage items' | Links to Totem.Items |
Edit Mode
Section
Section View
'Drag&Drop' Button
'Edit Section Items' Button
'Edit Section Items' Dialog