How to make objects visible outside page area in v12?

Wondering is there any tricks to make objects visible outside a page. In v12 the area outside a page is somehow masked... which is good. But in my case I need them to be visible :confused:


Any suggestions?

Discussion (1)

Everything on a Lectora 12 page is contained with the main wrapper div (id=pageDIV), which has its clip property set to the page size. The clip property instructs the browser to hide anything outside the clip rectangle.


You need to change the clip property using CSS rules. Here's how:

1. Insert a HTML External Object on the title level

2. Select the object, go to Properties tab, set it to "Meta tags"

3. Click Edit and copy the following rules:


#pageDIV {

clip: auto !important;

}

[/CODE]

This will make sure that anything located outside the page (shapes, images, textboxes etc) is visible. See the attached title for example.[ATTACH]640[/ATTACH][CODE]

#pageDIV {

clip: auto !important;

}

[/CODE]


This will make sure that anything located outside the page (shapes, images, textboxes etc) is visible. See the attached title for example.[ATTACH]640[/ATTACH]

Discussions have been disabled for this post