TracCloud: Welcome Messages: Difference between revisions

This preference allows us to add custom Twig & HTML-supported messages to staff and student dashboards. Welcome Messages can be modified by going to Other > Other Options > Preferences > Welcome Messages.

There are three separate message fields available in your System Prefs: Students, Staff, and Faculty. This allows you to create a unique message for different user-types in TracCloud. Maybe a basic welcome message for your Staff/Consultants, information about generating referrals for Faculty, and instructions on booking appointments for your students. This is completely up to you.

The built-in text editor allows you to write out any message you'd like, but you can modify the HTML source of your message by clicking on Tools > Source Code. TracCloud supports HTML5, meaning we can embed virtually anything, from videos to documents, even online clocks, directly into the dashboards of our students and staff. The recommended max width for these elements is 500px.

The entire Welcome Message can be written in the Source Code tool, or you can simply use it to add to or fine-tune what you already have in place.

In addition to HTML, Twig can also be utilized to pull student/staff data into the message. For example, you can create a personalized message for your students with something like this:

For more information on Twig, take a look at our dedicated Twig article.

Hosting an image on TracCloud to embed in your Welcome Message

Embedding an image in your Welcome Message requires use of the img or iframe tags in HTML, pointing to a link for the image you want to use. In the event that you aren't able to host your image on an external service or are having trouble embedding the image you have available, this will walk you through hosting the image on TracCloud instead.

1. Uploading the Image

Go to Other > Other Options > Preferences > Public / Admin Documents > Public Docs and drag-and-drop your image file into this folder. Any files uploaded here will be publicly accessible for those who have the URL, which is exactly what we need for an image like this. After upload, copy the link using the hamburger menu.

2. Embed the Image in Your Welcome Message

Now that you have your URL, return to the Welcome Message you want to update and click the image icon in the toolbar.

This will open a pop-up window where you can paste the link to the image file.

Click 'Ok' and you're all set. The image will appear in the standard Text Editor for you to further adjust or write around.

See Also

Announcements

Twig

@@ Line 1: / Line 1: @@
 {{TracCloudGuideTabs}}
-{| style="width:100%; vertical-align:top; "
+<div class="tcWidgetPage">
-| style="width:250px; vertical-align:top; padding:2px 15px 2px 2px;" | {{TracCloudGuideGlobalTOC}}
+<div class="categoryWider">
-| style="vertical-align:top; padding:20px 20px 20px 2px;" |
+{{TracCloudGuideGlobalTOC}}
-{| style="width:100%; vertical-align:top; "
+</div>
 <b><big>Welcome Messages</b></big><br>
-This preference allows us to add custom Twig & HTML-supported messages to staff and student dashboards.<br>
+This preference allows us to add custom [[TracCloudGuideProfilePrefsTwig|Twig]] & HTML-supported messages to staff and student dashboards. Welcome Messages can be modified by going to <i>Other > Other Options > Preferences > Welcome Messages</i>.<br><br>
-[[File:1803635.png|800px]]<br><br>
+[[File:2267649.png|800px]]<br><br>
-There are three separate message fields available in your System Prefs: Students, Staff, and Faculty. This allows you to create a unique message for different user-types in TracCloud. Maybe a basic welcome message for your Staff/Consultants, information about generating referrals for Faculty, and instructions on booking appointments for your students. This is completely up to you.<br><br>
+There are three separate message fields available in your System Prefs: [[TracCloud:_Students_Listing|Students]], [[TracCloud:_Staff_and_Consultants|Staff]], and [[TracCloudGuideListingsFaculty|Faculty]]. This allows you to create a unique message for different user-types in TracCloud. Maybe a basic welcome message for your Staff/Consultants, information about generating [[TracCloudSAGE|referrals]] for Faculty, and instructions on booking appointments for your students. This is completely up to you.<br><br>
-Once a message is added to one of these fields, a preview will appear on the right-hand side showing you what your changes will look like.<br>
+[[File:8917834.png|800px]]<br><br>
-[[File:3145175.png|800px]]<br><br>
+The built-in text editor allows you to write out any message you'd like, but you can modify the <b>HTML</b> source of your message by clicking on <b>Tools > Source Code</b>. TracCloud supports HTML5, meaning we can embed virtually anything, from videos to documents, even online clocks, directly into the dashboards of our students and staff. The recommended max width for these elements is 500px.<br>
-New to TracCloud is support for HTML iframes, meaning we can embed virtually anything, from videos to documents, even online clocks, directly into the dashboards of our students and staff.<br>
+[[File:7568231.png|800px]]<br><br>
-[[File:9140747.png|800px]]<br>
+The entire Welcome Message can be written in the Source Code tool, or you can simply use it to add to or fine-tune what you already have in place.
-[[File:8423598.png|800px]]<br><br>
+[[File:4330447.png|800px]]<br>
+[[File:4154987.png|600px]]<br><br>
-And of course, standard HTML will continue to work as expected for less complicated messages.<br>
+In addition to HTML, <b>Twig</b> can also be utilized to pull student/staff data into the message. For example, you can create a personalized message for your students with something like this:<br>
-[[File:6128388.png|800px]]<br>
+[[File:4672421.png|600px]]<br>
+[[File:7369208.png|600px]]<br>
-[[File:5957418.png|800px]]<br><br>
+For more information on Twig, take a look at our [[TracCloudGuideProfilePrefsTwig|dedicated Twig article.]]
-In addition to HTML, Twig can also be utilized to pull student/staff data into the message. For example, you can create a personalized message for your students with something like this:<br>
+<hr>
+==Hosting an image on TracCloud to embed in your Welcome Message==
-[[File:9823729.png|800px]]<br><br>
+Embedding an image in your Welcome Message requires use of the img or iframe tags in HTML, pointing to a link for the image you want to use. In the event that you aren't able to host your image on an external service or are having trouble embedding the image you have available, this will walk you through hosting the image on TracCloud instead.<br><br>
-For more information on Twig, take a look at our dedicated Twig article.
+<big>1. Uploading the Image</big>
+::Go to <b>Other > Other Options > Preferences > Public / Admin Documents > Public Docs</b> and drag-and-drop your image file into this folder. Any files uploaded here will be publicly accessible for those who have the URL, which is exactly what we need for an image like this. After upload, copy the link using the hamburger {{#fas:bars}} menu.
+::[[File:7456253.png|800px]]<br><br>
+<big>2. Embed the Image in Your Welcome Message</big>
+::Now that you have your URL, return to the Welcome Message you want to update and click the image icon in the toolbar.
+::[[File:8185251.png|800px]]
+::This will open a pop-up window where you can paste the link to the image file.
+::[[File:8028437.png|450px]]
+<br><br>
+Click 'Ok' and you're all set. The image will appear in the standard Text Editor for you to further adjust or write around.<br>
+[[File:8702271.png|700px]]
+<hr>
+<i>See Also</i>
+* [[TracCloud:_Announcements|Announcements]]
+* [[TracCloudGuideProfilePrefsTwig|Twig]]
-|}
+[[Category:TracCloud]]
-{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
+</div>

TracCloud: Welcome Messages: Difference between revisions

From Redrock Wiki

Latest revision as of 08:51, 19 November 2024

Global Preferences

Hosting an image on TracCloud to embed in your Welcome Message