Details
-
Type:
Improvement
-
Status:
Open
-
Priority:
Major
-
Resolution: Unresolved
-
Affects Version/s: 1.5.4
-
Fix Version/s: Milestone Mapper
-
Component/s: Booktype
-
Labels:None
Description
Booktype Designer
Design interface for books. To replace the CSS wizards currently used. The design interface was originally to be based on the mercury editor but we realised the idea needed to be built from the ground up largely because the Mercury paradigm wasnt quite right, mercury is closely integrated into Rails, and we needed some features mercury could not easily provide.
The Designer is a simple interface showing all chapters in a pane on the left. Clicking on these will display a chapters contents in a pane to the right of the chapter list.
At the top is a tool bar where the page size is set but also other tools are accessed for changing styles.
Changing design is contextual. Click on the element you wish to change and then a choice appears in the top tool bar. You select the one you wish and that css style is applied across the selected element and all other elements sharing the same properties eg. all p tags, or all images etc
The styles are defined by CSS blocks. This could also be extended with HTML5 or JS blocks.
All blocks are customisable and shareble.
The breakdown of the most import elements for designers was suggested by Hannes as:
Headers (1,2,3)
Stretchable space (a strechable invisible region used for spacing)
Body text
Quotes
Lists
Footnotes
Dialog (discussion)
Fullpage image
Design interface for books. To replace the CSS wizards currently used. The design interface was originally to be based on the mercury editor but we realised the idea needed to be built from the ground up largely because the Mercury paradigm wasnt quite right, mercury is closely integrated into Rails, and we needed some features mercury could not easily provide.
The Designer is a simple interface showing all chapters in a pane on the left. Clicking on these will display a chapters contents in a pane to the right of the chapter list.
At the top is a tool bar where the page size is set but also other tools are accessed for changing styles.
Changing design is contextual. Click on the element you wish to change and then a choice appears in the top tool bar. You select the one you wish and that css style is applied across the selected element and all other elements sharing the same properties eg. all p tags, or all images etc
The styles are defined by CSS blocks. This could also be extended with HTML5 or JS blocks.
All blocks are customisable and shareble.
The breakdown of the most import elements for designers was suggested by Hannes as:
Headers (1,2,3)
Stretchable space (a strechable invisible region used for spacing)
Body text
Quotes
Lists
Footnotes
Dialog (discussion)
Fullpage image