Include Page Macro: how to size the displayed image

[Scott Wolfe]

Is there some way to control the size of the image/panel when using the "Include Page" macro?  It appears giant on my page...would like it smaller with scroll bars.

[Diego]

Hey there, Scott!

Being pretty straightforward, the Include Page macro has no native width or height controls. 

This is due to the nature of our macro. It aims at the complete inclusion of pages within other pages. 

We do, however, have a workaround for that. Here is how:

1. Create a new page
2. Insert a Section Macro
3. Insert a Div Macro within the Section macro
4. Insert the Include Page Macro within the Div Macro
5. Edit the Div Macro
6. Search for the Style text box
1. this box is used to include CSS styling to the macro
7. Type width: 100%; height: **px
1. replace ** with the desired size, such as 100px
2. size in CSS can be measured in pixels, which is what pc means
3. having the width at 100% will have our page occupy all available space horizontally
8. Save the macro
9. Publish page

Here we have some screenshots of how it looks like in edit mode and in view mode:

View

Edit

Scott now comes the explanation of why and how this works.

Using the Div Macro by itself does not work because the size limitation is not applied solely to the macro within it. All the page after the div macro is affected by the height parameter. 

Adding the section macro limits the range of action of our div macro. With this enforced range, we can safely apply the height parameter to our div macro and the rest of our page will work as expected. 

This will add scroll bars vertically so users can scroll the whole page content.

Let us hear from you Scott. Looking forward to your reply!