In place of a standard text Label component, insert the HTML Text component.There are a variety you could explore across a range of no-code and pro-code options, but in this post we’ll look at how to leverage CSS Font Families. Georgia is the only serif font in the mix.įor custom fonts, we must use alternative methods. There’s a handwriting font named Patrick Hand. There are two fancy script fonts with bold names like Dancing Script and Great Vibes. The App Studio comes with a small number of fonts, including a few old standbys like Arial, Courier New, and Verdana. So, when you create your canvas app, whether it’s for a small team or a large enterprise, you want to ensure your app presentation sends all the right messages, all the way down to the fonts. We’ve all been victims of bad fonts in the past (especially in presentations) leaving us with negative impressions not intended by the creator. Fonts can convey a lot about personality, style, purpose and intent. Typography is a foundational element in any organization’s brand identity. I like codecademy for a guided course, but there are also tutorials available from W3 Schools: HTML & CSS. If you plan to implement an HTML Text feature into your canvas app, it will be helpful to become familiar with some of the basics so you are able to modify the code snippets to fit your use case without too much fuss. While my base level of knowledge is helpful, I still rely on a lot of trial & error (and looking stuff up online) when working on concepts outside of my normal skill set. Even without prior experience, these methods are 100% achievable by citizen developers. Don’t let this fool you: I’m certainly not a trained or experienced web developer, and my skill level with these front-end coding languages is rudimentary at best. If you’ve read my bio, you may be aware that I dabbled in web development (during high school, an unnamed number of years ago). In this blog, I will cover 3 possible uses for embedded CSS within canvas apps (and whether or not they’re a good idea!) for citizen developers Not everything that you can do in web development can be done inside an HTML Text component, but it certainly adds a fresh set of tools for making beautiful apps. After an exhaustive search engine rabbit hole and a lot of trial and error, I cracked the pattern of using the HTML Text control to not only make a color gradient for my header background, but also light up a lot of other very interesting visual design options.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |