Custom Styling Templates & Documents: Difference between revisions

no edit summary
(Created page with "==Intro== 3B Docs adds the capability to add your own custom CSS styling to a template through the usage of the Template Style object. The added custom styling will apply within the template builder and the generated document. ==Usage== Adding custom CSS styles allows you to achieve the following (and much more): -       Adding your company’s custom font style, color, spacing or other font related properties -       Adding support for emojis, custom glyphicons...")
 
No edit summary
Line 9: Line 9:
-       Adding support for emojis, custom glyphicons and other icons
-       Adding support for emojis, custom glyphicons and other icons


-       Customizing the way the document is generated in PDF [TODO: Reference link to PDF Generation]
-       Customizing the way the document is [[PDF Generation|generated in PDF]]


-       Extending the application interface to brand it or white-label it
-       Extending the application interface to brand it or white-label it
Line 37: Line 37:
}
}
</syntaxhighlight>
</syntaxhighlight>


The  <code>THIS</code>  keyword is powerful – it ensures that no CSS declarations spill over to the rest of the application interface.
The  <code>THIS</code>  keyword is powerful – it ensures that no CSS declarations spill over to the rest of the application interface.
Line 47: Line 46:


=== Custom Branding Generated Documents ===
=== Custom Branding Generated Documents ===
You can add your company logo to the top navigation bar by adding a CSS declarative that does not implement the  <code>THIS</code>  keyword. For more info, reach out to our support team [TODO: Reference link to support page].
You can add your company logo to the top navigation bar by adding a CSS declarative that does not implement the  <code>THIS</code>  keyword. For more info, reach out to our support team.


=== Version Control ===
=== Version Control ===