Show Summary

Top Previous Topic Next Topic  Print this topic

The Show Summary option will allow a paragraph to be minimized so that the content can still be shown on the device when selected, and also minimized to not take up space on the selected device.

 

1. Follow the steps to make the document Responsive here.

 

2. Adjust the Summary title. By default the Publisher add Show More, however you may wish to have text like "details" or "Read on".

 

3. The Show Collapsed option will either show the test in the paragraph as collapsed by default or not. If you toggle this option on, when viewing this section in the selected device, all that will be visible is the Summary text. However, if you toggle this option off, the text will be shown, and the end user will have the ability to hide the text.

 

Preview the Output

1. Navigate to the Home tab and select the Preview as HTML5 option from the Export group.

 

2. This will launch a new tab in your default browser. The view will change depending on the size of the browser window. In order to view what your output will look like on different devices, you will need to resize the browser window.

 

Responsive Paragraph Original

Figure 1: The above image is a snapshot of what the document looks like normally as a HTML5 output.

 


Responsive_Paragraph2

Figure 2: We have added the Summary option to the Total Price of the table.

 

Responsive_Paragraph3

Figure 3: The above snapshot shows what the document will look like when she Show Total option is selected.