Page Breaks in Printable Formats

We would like to share a helpful technique for how to use Page Breaks in your Striven Printable Formats. Page Breaks are created using HTML coding. This will help to separate pages in your format. For example, many businesses prefer to list the Terms and Conditions on the very last page of the Sales Order Format. Instead of all this information being on one printed page, you can use a Page Break to add a new page. Here are the steps below:

  1. Navigate to Company > Settings > Accounting > Sales > Sales Orders > Sales Order Formats.

  2. Choose the desired Sales Order Format that you wish to update/edit.

  3. On the next page, select the blue Add button as shown below:

  1. Next, you’re going to need to select Content for the new Section Type.

  1. After selecting the Content type:

a. Relabel it to Page Break.
b. Then select HTML.
c. The HTML information you need to add is <p style="page-break-before: always;">
d. Then select Save & Close.

This will take you back to the page where you can organize the order of the Sections that will be printed for your format.

  1. Click on the Two Vertical Lines icon to drag the Page Break section to the desired position in the format.

So now the Page Break will allow the printed version of the Sales Order to be in two (2) pages. Page 1 will have all of the Sales Order information, while Page 2 will display the Terms and Conditions information.

  • Note: Remember when you print your Sales Orders to select the appropriate Sales Order Format that includes the Page Break.

For more details about Sales Order Formats, you can review our Accounts Receivable Guide. You can also browse our Striven Business Software YouTube channel for other useful tips for using Striven.

2 Likes

Hey Gabrielle, is there a way to get page formatting to shape for parts or notes. We use page breaks for our terms but we want to be able to have the format line wrap if its in the middle of a photo/part if we include photos in our items level or in the customer’s notes description.

Hello, Ashley! (@AshleyCrest )

Great question! If the image is being inserted into a Content Section on the Printable Format, you can add a float or align style to the image’s parent element to choose how the text wraps around the image. This can be seen in the example below.
Here I added " style= ‘‘float: left’’ " to the element.

Now the text wrap around the image displays as the following:

However, if the image is being inserted to the Printable Format via the Item Columns section, this option is not available as the HTML for this section cannot be edited.

Let me know if you have any other questions! :slight_smile:

-Amia