Markdown
Markdown displays text with markdown styles applied (Markdown is a plain text format for writing structured documents).
To create the markdown text, select Create > Text > Markdown.
This opens the text options with separate panes for HTML, CSS and previews.
Here is some raw text entered in the Markdown or HTML pane:
Now define the styles in the CSS pane:
h1 {color: #006} h3 {color: #666}
Here is the resulting Markdown output:
This is what you will see in the Map Window:
Creating a table
Here is how to create a table with left, centre and right-aligned coloured text with coloured backgrounds (as shown below):
Enter text and code in the Markdown dialog as follows:
Markdown or HTML
Enter the required Markdown or HTML in the top left pane, for example:
| Property A | Property B | Property C | |:----------|:-------------:|------:| | This column is left-aligned |This column is centered | This column is right-aligned| | Text|Text| £1200 | | Text |Text| £1000 | | Text|Text| £800 | | Text |Text| £600 |
This text will appear as:
CSS
Enter the required CSS text in the bottom left pane for example:
.flat-table {
display: block;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 115%;
overflow: auto;
width: auto;
}
th {
background-color: rgb(150, 200, 105);
color: white;
font-weight: bold;
padding: 20px 30px;
text-align: center;
}
td {
background-color: rgb(255 255, 125);
color: rgb(112, 25, 111);
padding: 20px 30px;
}
This text will appear as:
The above Markdown or HTML and CSS text will result in the table being shown:
To edit the table, select the table in the map window:
Right-click inside the table and select Properties from the drop-down.
Select CSS or Markdown Text and click the ellipsis button, both of these selections will display the Markdown dialog:
The Markdown dialog:
Edit the Markdown HTML or the CSS text as required and click OK.