It is possible to add a frame that displays the contents of a website or even
create and style your own HTML page and display it!
You can add a picture with the Add HTML following
items creation instructions and manipulate it the
same way as exposed in Interacting with layout items.
The HTML item can be customized using its Item Properties panel. Other than the items common properties, this feature has the following functionalities (see figure_layout_html):
Cadre HTML, panneau propriétés de l’objet
The HTML Source group of the HTML frame Item Properties panel provides the following functionalities (see figure_layout_html_ppt):
Cadre HTML, propriétés de la Source du HTML
[%Year($now)%]
in the Source textbox to display the current year. This
button is only activated when radiobutton Source is selected.
After inserting the expression click somewhere in the textbox before
refreshing the HTML frame, otherwise you will lose the expression.The Frames group of the HTML frame Item Properties panel provides the following functionalities (see figure_layout_html_frames):
Cadre HTML, propriétés des Cadres
Use existing frames
displays the result in the first frame and added
frames only.Extend to next page
will create as many frames (and corresponding pages)
as necessary to render the height of the web page. Each frame can be moved
around on the layout. If you resize a frame, the webpage will be divided up
between the other frames. The last frame will be trimmed to fit the web page.Repeat on every page
will repeat the upper left of the web page on every
page in frames of the same size.Repeat until finished
will also create as many frames as the
Extend to next page
option, except all frames will have the same size.The Use smart page breaks dialog and User style sheet dialog of the HTML frame Item Properties panel provides the following functionalities (see figure_layout_html_breaks):
HTML frame, Use smart page breaks and User style sheet properties
Activez Utiliser des sauts de pages intelligents pour empêcher le contenu du cadre html de se casser à mi-chemin d’une ligne de texte afin qu’il continue bien dans le cadre suivant.
Paramètre la Distance maximale autorisée lors du calcul de l’emplacement du saut de page dans le html. Cette distance est la quantité maximale d’espace vide autorisé dans le bas du cadre après calcul de l’emplacement optimal du saut de page. Indiquer une grande valeur permettra de mieux définir l’emplacement du saut de page mais une plus grande quantité d’espace vide sera présent dans le bas des cadres. Cette valeur est utilisée uniquement lorsque Utiliser des sauts de page intelligents est activé.
Activate User style sheet to apply HTML styles that
often is provided in cascading style sheets. An example of style code is
provided below to set the color of
<h1>
header tag to green and set the
font and font size of text included in paragraph tags <p>
.
h1 {color: #00ff00;
}
p {font-family: "Times New Roman", Times, serif;
font-size: 20px;
}
Use the Update HTML button to see the result of the style sheet settings.