Outdated version of the documentation. Find the latest one here.

Elementul HTML de tip cadru

Este posibilă adăugarea unui cadru care afișează conținutul unui site web, sau chiar crearea, stilizarea și afișarea propriei pagini HTML!

Faceți clic pe pictograma de label Adăugare cadru HTML, plasați elementul prin trasarea unui dreptunghi pe canevasul Compozitorului de Hărți, ținând apăsat butonul stâng al mouse-ului, apoi personalizați-i poziția și aspectul în fila Proprietăților Elementului (v. figure_composer_html_1).

Figure Composer HTML 1:

../../../../_images/html_properties.png

Cadrul HTML, fila proprietăților nix

Sursa HTML

Ca sursă HTML, puteți seta fie o adresă URL, căreia să-i activați butonul radio URL, fie să introduceți sursa HTML direct în caseta de text furnizată, urmată de activarea butonului radio Sursă.

Dialogul Sursei HTML de pe fila Proprietăților Elementului oferă următoarele functionalități (v. figure_composer_html_2):

Figure Composer HTML 2:

../../../../_images/html_source.png

Cadrul HTML, Proprietățile Sursei HTML nix

  • In URL you can enter the URL of a webpage you copied from your internet browser or select an HTML file using the browse button browseButton. There is also the option to use the Data defined override button, to provide an URL from the contents of an attribute field of a table or using a regular expression.
  • În cadrul casetei de text Sursă se poate introduce un text , însoțit de etichete HTML, sau să furnizați o pagină HTML completă.

  • The [insert an expression] button can be used to insert an expression like [%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.
  • Activați checkbox Evaluarea expresiilor QGIS din codul HTML pentru a vedea rezultatul expresiei pe care ați inclus-o, în caz contrar, veți vedea expresia originală.

  • Folosiți butonul [Actualizare HTML] pentru a reactualiza cadr(ele) HTML și pentru a vedea rezultatul schimbărilor.

Cadrele

Dialogul Cadrelor de pe fila cu Properțile elementului de tip cadru oferă următoarele functionalități (v. figure_composer_html_3):

Figure Composer HTML 3:

../../../../_images/html_frame.png

Cadrul HTML, Proprietățile cadrelor nix

  • Cu ajutorul Modului de redimensionare puteți selecta randarea conținutului HTML:

    • Utilizează cadrele existente afișează rezultatul doar în primul cadru și în cele adiționale.

    • 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.
    • Repetare pe fiecare pagină va repeta partea din stânga-sus a paginii web, folosind cadre de aceeași dimensiune.

    • Se repetă până la definitivare va crea, de asemenea, numărul de cadre corespunzător opțiunii de Extindere la următoarea pagină, toate cadrele având aceeași dimensiune.

  • Use the [Add Frame] button to add another frame with the same size as selected frame. If the HTML page that will not fit in the first frame it will continue in the next frame when you use Resize mode or Use existing frames.
  • Activate checkbox Don’t export page if frame is empty prevents the map layout from being exported when the frame has no HTML contents. This means all other composer items, maps, scalebars, legends etc. will not be visible in the result.
  • Activarea opțiunii de checkbox Nedesenare a fundalului în cazul unui cadru vid previne desenarea cadrului HTML atunci când cadrul nu conține nimic.

Folosirea salturilor de pagină inteligente și a paginii de stil a Utilizatorului

The Use smart page breaks dialog and Use style sheet dialog of the HTML frame Item Properties tab provides the following functionalities (see figure_composer_html_4):

Figure Composer HTML 4:

../../../../_images/html_breaks.png

Cadrul HTML, Folosirea salturilor de pagină inteligente și a paginii de stil a Utilizatorului nix

  • Activați checkbox Folosirea întreruperilor de pagină inteligente pentru a preveni ruperea liniilor de text la jumătate din cadrele cu conținut html, astfel încât ele să continue frumos și neted în cadrul următor.

  • Set the Maximum distance allowed when calculating where to place page breaks in the html. This distance is the maximum amount of empty space allowed at the bottom of a frame after calculating the optimum break location. Setting a larger value will result in better choice of page break location, but more wasted space at the bottom of frames. This is only used when Use smart page breaks is activated.

  • Activate checkbox User stylesheet to apply HTML styles that often is provided in cascading style sheets. An example of style code is provide below to set the color of <h1> header tag to green and set the font and fontsize of text included in paragraph tags <p>.

    h1 {color: #00ff00;
    }
    p {font-family: "Times New Roman", Times, serif;
       font-size: 20px;
    }
    
  • Folosiți butonul de [Actualizare HTML] pentru a vedea rezultatul setărilor de stil.