Skip to content

Add range divider - divide steps in a range #185

@trevorsandy

Description

@trevorsandy

Subject

Add range divider - divide steps in a range.

A Range is one row (when steps are displayed as columns) or column (when steps displayed as rows) in a multi-step Page or callout. A range contains one or more steps. A list of one or more individual range(s) forms a multi-step page or callout.

This multi-step page is configured with one Range (one column containing four steps displayed as rows)
Screenshot - 07_04_2019 , 20_34_20

At present, it is only possible to add a divider after a Range. For example, to add a vertical divider after the range if steps are displayed as rows - or a horizontal divider if displayed as columns.

Menu item - Add Divider after Step
Screenshot - 07_04_2019 , 20_46_29

Here we have a vertical divider after the first step which is now in its own Range. The page now contains 2 ranges - the first range contains step 1 and the second range contains steps 2 to 4.
Screenshot - 07_04_2019 , 20_47_43

The divider was added after the first Range. It is currently not possible to add a divider in the range - for example, to add a horizontal divider separating steps 2 and 3. To illustrate...

Here we add another divider after step 2.
Screenshot - 07_04_2019 , 20_50_46

However, another vertical divider is placed after the step - i.e. the divider is placed after the second range. The multi-step page is now divided into 3 ranges (three columns)
Screenshot - 07_04_2019 , 20_51_09

Environment

Version of LPub3D - 2.3.7
Operating system - All

Solution

It is now possible to add a divider in a range. I will call this type of divider a Range Divider. I will call the traditional divider placed between or after a range a Step Divider.

The following shots illustrate some nominal flows on adding and editing range dividers.

Menu item - Add Divider
Screenshot - 07_04_2019 , 21_24_40

Select Divider Allocation - The selected allocation will determine if a new in-range or traditional end-of-range divider will be configured. Selecting the default option (in this case, the default is a vertical divider) will result in a traditional end-of range divider.
Screenshot - 19_04_2019 , 07_02_27

Range divider allocation - Horizontal. In this case we are selecting a in-range divider when the Horizontal allocation is selected.
Screenshot - 19_04_2019 , 07_34_00

Range divider
Screenshot - 07_04_2019 , 21_26_15

Multiple Range dividers - It is possible to add an in-range divider between every step in the range except the last step.
Screenshot - 07_04_2019 , 21_27_41

Range divider context menu - remove range divider
Screenshot - 07_04_2019 , 21_28_23

Range divider removed
Screenshot - 07_04_2019 , 21_28_39

Range divider context menu - Edit range divider properties
Screenshot - 07_04_2019 , 21_29_02

Range divider context menu - Remove default margin width from range divider - make the vertical divider touch the horizontal divider
Screenshot - 07_04_2019 , 21_30_34

Local only prompt
Screenshot - 07_04_2019 , 21_30_52

Range divider context menu - Edit range divider properties
Screenshot - 07_04_2019 , 21_31_13

Range divider context menu - Remove default margin width from step divider - make the horizontal divider touch the vertical divider
Screenshot - 07_04_2019 , 21_32_07

Local prompt
Screenshot - 07_04_2019 , 21_32_36

Vertical and horizontal dividers intersect
Screenshot - 08_04_2019 , 01_29_25

Assembly context menu item - Place Divider Pointer (range divider)
Screenshot - 08_04_2019 , 01_51_41

Place divider pointer from range divider to step assembly
Screenshot - 08_04_2019 , 01_52_07

Assembly context menu item - Place Divider Pointer (step divider)
Screenshot - 08_04_2019 , 01_52_42

Place divider pointer from step divider to step assembly
Screenshot - 08_04_2019 , 01_53_06

Multiple divider pointers
Screenshot - 08_04_2019 , 02_04_55

Implemented.

Cheers,

Metadata

Metadata

Assignees

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions