Rock U - Websites - Tabler Icons

Transcribed Video Content

Tabular icons are a nice touch that help you create visual cues across RockRMS, and you don't have to download it. Rock has already done it for you. In fact, you can start adding it to pages, blocks, groups, and a lot more. Let's get into how to do that right now. To get running with Tabler, we're going to actually start by going to the website, which is tabler.io/icons. We'll have a link for this in the description. And once you get there, there's just tons and tons of icons to search from, and we're gonna find one we real quick. And I'll show you what we're gonna do with it in just a moment. Let's look up connection. Okay. And we found this icon affiliate, and I'm just gonna copy and customize these icons. You can download them as an On the Rock homepage now, we tabular icons already. This whole sidebar right here ample so you can see how we set them up. This intranet icon right here is a book. Let's change it. We'll go to admin tools, settings, pages, then we'll click on internal home page, and we're looking at the Internet page. So we'll edit it, and there's already an icon CSS class in here. And so you can note this one of the icon CSS classes that you type in. But we're gonna use, the example that we just saw, which is affiliate, and we'll click save, and you'll see immediately we get a different look here. So we now have the affiliate icon in here, and you can change these however you want. Just make sure you find it on a tabular site first and any one of those icons you can use in Rock. Now we're gonna give you another example of where you can use tabular icons. So let's go to people then steps. And if you already have a program set up, this is something you can do. But you see there's this person walking right here. We can change this. So we'll click on the program and edit it, and this looks a little bit different. And this is pretty cool. We're gonna roll this out in more places in Rock, but you can very easily, without having to type something custom in here, Go to Tabler, and there's anything you want here. So you can scroll through or you can even look up. Let's see if we can find someone running, and we can. So we've clicked on it and save, then we'll go back. And boom. We've updated the walking person to a running person all using tabular icons. Now you've seen the tabular icons. We believe that it'll help you keep your instance looking real classy. And one other thing to note, if you have web developers that wanna use these Tabler icons in more places, Tabler has a web font available for download, and we'll link that in the description for you. Thanks for watching.