Advanced formatting tips
In InviteDesk, you have a very powerful WYSIWIG editor at your disposal, namely "Froala". There are many possibilities to give your communication that unique look. In this article, we will add some additional tips to give you that extra edge.
How to change the border color of a table
We will explain how to easily change the border color of a table you have created. Follow these steps:
Step 1:
Add your table by clicking on the icon "Insert Table" in our editor. Here you can find an example:
Step 2:
Change the background color by using our editor. Here you can find an example:
Step 3:
Go to the HTML code by clicking on "Code View" and change the words "background" to "border". Here you can find an example:
Original HTML code:
Changed HTML code:
Step 4:
Go out of the HTML code by clicking on "Code View" again. This will save the changes you made in the code and it will make them visible. Your table will now look like this:
=> Click on "Save" and you have created a table with a specific border color.
How to create dashed borders or make the borders not visible of a table
We will explain how to easily change the borders of the table you have created to dashed borders or make the borders not visible in your communication. Follow these steps:
Step 1:
Add your table by clicking on the icon "Insert Table" in our editor. Here you can find an example:
Step 2:
Highlight your table and select "Table Style":
Step 3:
Here you will find the options "Dashed Borders" and "No Borders". Depending on your choice, you can change your borders to dashed borders or you can make the borders disappear. Here you can find an example for both options:
Dashed Borders:
No Borders:
=> Click on "Save" and you have created a table with dashed borders or you made the borders not visible of your table.
How to change the font in an inserted table
We will explain how to easily change the font in a table you have created. Follow these steps:
Step 1:
Add your table by clicking on the icon "Insert Table" in our editor. Here you can find an example:
Step 2:
Go to the HTML code by clicking on "Code View":
You need to add something to the code. Below is an example:
Original HTML code:
<table style="width: 100%;">
Changed HTML code:
<table style="width: 100%; font-family:'Trebuchet MS';">
Step 3:
Go out of the HTML code by clicking on "Code View" again. This will save the changes you made in the code and it will change the font in the table.
=> Click on "Save" at the bottom.