Skip to main content

Design & Marketing

Grab a cup of your favorite beverage and join the conversation around designing the learner experience.

  • 63 Topics
  • 191 Replies
63 Topics
Thought Industries
Thought IndustriesCommunity Manager
posted in Design & Marketing
Your Catalog, your Library

Thank you to everyone who agreed to showcase their site during yesterday’s Catalog Pages & Widget Office Hours. It is always great to learn and get inspiration from what others are doing, and we certainly saw some great ideas.   It was interesting to hear that some companies charge their clients for additional custom pages, most of which contain the catalog widget, this way the main catalog page can be kept clean and clear without too much content. There were also good use cases on when to hide the category view from the Left or to limit the categories by using Curated Categories. We love seeing and hearing these ideas! Have you segmented your Catalog page or widget in a specific way to achieve a required use case? I am sure others would love to hear what you have done. Post your ideas and even a screenshot in a post below so we can create a library of ideas and suggestions! 

70
Thought Industries
Thought Industries
Thought IndustriesCommunity Manager
posted in Design & Marketing
Landing page: First impressions last!

What a great crowdsourcing session we had yesterday on our Site Branding & Homepage Office Hours.  Plenty of sharing of site URLs as well as design concepts in use to access your site, whether it be SSO, free access to anyone, log in only or a hybrid.   It was also great to see how much effort you all put into making that first interaction a memorable one, with plenty of design tips and CSS options shared. I loved the fact that so many of you had shared that you already took inspiration from other sites you have seen. This is the kind of sharing community that we love to see as together we are better!We would love to see some of the clever design elements you have created, so others can learn. Drop them into a comment below and you never know, you could see your idea become a formal CSS block or Snippet in our Guided Assistance area soon!

210
Thought Industries
Thought Industries
Thought IndustriesCommunity Manager
posted in Design & Marketing
Participate in Our Upcoming Office Hours: Design Series!

Hey everyone,We are excited for our next Impactful Office Hours series, featuring Phil's personal favorite topic...Design! Unleash Your Creativity: Participate in Our Upcoming Design Series Office Hours!These next three sessions are tailored to elevate your design expertise and finesse.We’d love to feature your work! If you would like to showcase your company's site in any one of these three sessions, please reply to this thread and let us know which session aligns best with your Design use case. This is a wonderful opportunity to share your creativity and get valuable feedback from the community.Here's a breakdown of the upcoming sessions:Session 1: Basic Settings & Panorama/Sublicense DesignNovember 12th Focus: Get started with the basic settings and discover the intricacies of Panorama & Sublicense Design. Perfect for anyone looking to build a strong foundational understanding.Session 2: Layouts & WidgetsNovember 26th Focus: This session is all about mastering the use of

260
Thought Industries
Second Iteration of Charles
Second Iteration of CharlesActive Participant
posted in Design & Marketing
Co Branded Panos for Admins and Managers ONLY

A picture says it all.  Here is our new co branded Pano Dashboard Header.  Yin and Yang.  They on the left and us on the right.Here is the CSS to accomplish this..manager-dashboard__header { background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c50f33e0-665b-4906-a26e-7d18bc3b9c5e/j7d8icugc9gg-Interplay.plus.ITI.Logo.BIG.png"); background-repeat: no-repeat; background-position: right 16px center; background-size: 198px auto; padding-right: 198px; /* logo width + spacing buffer */ min-height: 60px;}NOTE:   I made a post about how media has to have a host.  This pic is on a custom page and I am borrowing its URL. I made a page just for images with no placeholders.

41
Second Iteration of Charles
Second Iteration of Charles
Second Iteration of CharlesActive Participant
posted in Design & Marketing
Using Thought Industries as an Image Host (DO NOT DELETE Method)

To host and reuse images within the Thought Industries LMS: Create a Custom Page Title the page clearly (e.g., Image Host - DO NOT DELETE) to avoid accidental removal. Add a Single Column Widget On the page, add a Single Column Widget. Insert your desired image into this widget using the native image upload tool. Get the Image URL After uploading, right-click the image and select “Copy image address”. This gives you the direct URL to the image, hosted on Thought Industries’ CDN. Use the Image Anywhere You can now embed or reference this URL wherever needed in the LMS. Example: On the Admin Dashboard, you can inject the image into an empty div using CSS. .looker-embed::before { content: ''; display: block; background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c50f33e0-665b-4906-a26e-7d18bc3b9c5e/j7d8icugc9gg-Interplay.plus.ITI.Logo.BIG.png"); background-size: contain; background-repeat: no-repeat; background-position: cent

102
Second Iteration of Charles
E
Eniko FarkasNew Contributer
asked in Design & Marketing
Breadcrumbs for navigation

Has anyone implemented breadcrumbs for navigation? Our devs say that the backend and the structure of the URLs isn’t built to support this natively, but for an improved UX we are seriously considering this.

111
J
giovanna.orlando
giovanna.orlandoActive Participant
asked in Design & Marketing
How can I hide the giant thumbnail on the course detail page?

Hi! We’re trying to redesign the way the course detail page looks. Since the thumbnail is so large, it pushes important information past the scroll point. We’d rather the big thumbnail be hidden. Is anyone doing this already? How? So instead of this: Something more like 

479
giovanna.orlando
O
OScislowiczNew Contributer
asked in Design & Marketing
Changing Icons of Course Features

Hi,I’m trying to see if we can adjust our course features icons from the default (see below). Has anyone done this via CSS? Thanks,Ori 

162
Second Iteration of Charles
L
LisaRollinsInspiring
asked in Design & Marketing
Code Library - Activity Panel and Featured Content CSS

I tried both of these code examples and neither one of them worked or did anything on my learner dashboards. Am I missing something that I should be doing beyond copying and pasting in the code and changing the colors to our branded colors? Am I supposed to add the class in myself with some other code somewhere? 

251
Philcahill87
L
LisaRollinsInspiring
asked in Design & Marketing
Move Rating?

Is there a way for me to move the Rating (5 stars) to the top or bottom of an article/video rather than only displaying it to the side in a sidebar?The sidebar takes up so much space on the page, so I have turned it off, but I would like to get feedback on individual articles/videos. So, any options for displaying above or below? 

233
L
L
LisaRollinsInspiring
asked in Design & Marketing
Code Library Question - text size

I like the Example 1 and would like to implement it, but when I do, the text of the pages in the menu gets even smaller and is hard to read. How do I change the page titles to a bigger size in the menu bar? 

6610
Philcahill87
charles.zimmerman
charles.zimmermanGenius
posted in Design & Marketing
Did You Know? DESIGN You can hide widgets from Users as You Build

When working on a widget.  You can simply add to class name, the word “hide” and the widget you are working on will not show to users.  

382
K
O
oscar_a_wiggyNew Contributer
asked in Design & Marketing
how do i change the little house icon?

hello everybody,happy wednesday.many of my customers have said that the little house icon (that takes them back home) is way to small and way to faint to catch their eye. has anyone figured out a way to change this? i’d like to make it larger and easier to see.thanks 

1279
Thought Industries
A
AlenaNew Contributer
asked in Design & Marketing
Custom pages on the Panorama level

Hello,I’m looking for a solution to create custom pages that will be visible and available only for users from the specific panorama. If there is the way to do it? Maybe using the coding?I checked the TI articles and there is the information that we can enable separate branding for Panorama but then we can customize just the learner dashboard and home page. I would appreciate any suggestions.Thank you,Alena  

1673
A
juliefiretech
juliefiretech
asked in Design & Marketing
Edit Redemption page to remove header, footer & nav links

We would like our redemption page to be a bit more generic since our pano users land there sometimes too - but I can’t find any way to remove header, footer or global navigation links. Any custom code that would remove them?

131
jonsynnott
L
Lisa RNew Participant
asked in Design & Marketing
Smartling for localization?

Hi there,Has anyone used Smartling to localize their TI pages? Our company uses it and we’re contemplating using that over Localize.js. Would like to learn from others’ experiences.Lisa

1131
N
E
elubinNew Contributer
asked in Design & Marketing
Packaging Two Webinars as a Single Live Event Product (Separate Zoom Confirmations)

We’re looking to create a single live event product that includes two separate webinars, but we need each webinar to generate its own separate Zoom confirmation email upon registration.A few key details:We want the webinars to appear as two live event pages rather than a course format. Ideally, the user registers once and gets access to both, but receives distinct Zoom confirmation emails. We use our own eCommerce system, so we’re also considering how that factors in. We have not used Learning Paths, but could this be a work around?Has anyone successfully set up something similar in Thought Industries? Any creative workarounds or best practices would be greatly appreciated!Thanks!

934
E
L
lpfistererNew Participant
posted in Design & Marketing
How are you using TI gamification at your organization?

We are currently looking into using gamification on quizzes. Has anyone done this before? We would like to provide a certain amount of points to an individual based on how well they complete a quiz and then for it to appear on a leaderboard. Has anyone done this before? If so, could you provide screenshots of how this would look? Any other use cases for using TI gamification? Any success?

1422
jonsynnott
charles.zimmerman
charles.zimmermanGenius
asked in Design & Marketing
Custom Scripts Custom Pages

Folks, I need help.  I got a guy who wants his page to have a gradient background and I have never been able to get custom scripts to do anything functional and sometimes it doesn’t like the script so won’t save it.  I put this in there as an example to share and it does absolutely nothing.  Thoughts? Suggestions?  There is not a single page of documentation on this, and I have not in nearly 6 years heard of anyone pulling anything off with this option on a custom page, but I do see people with page backgrounds.  Help plz. 

31810
Philcahill87
F
FranchescaNew Contributer
asked in Design & Marketing
Need help with Header Dashboard Alignment

Need help with header dashboard in the panorama. We have global settings for all panorama’s and I want to make adjustments to the header banner. Currently it overlaps with the background and I would like for the header in the dashboard to be aligned with the main container. This is a screenshot of how it is currently.  The CSS code that we currently have is not changing the alignment of the header banner only the background color and text color. Existing CSS code:.header--microsite,.header--dashboard {  background-color: #000000;  color: #fff;  padding-top: 11px;}In our sandbox, the header banner is aligned which is what I would like for the production site. There is no CSS codes in the Sandbox so unable to see what CSS code was used.Does anyone know the CSS code on how to align the header dashboard? Or if it is possible to adjust? I have tried Chat GPT with no luck.Thanks,Franchesca Nunez

271
Philcahill87
J
JulieCInspiring
posted in Design & Marketing
ANYONE USING Awards and Badges?

Hi there, looking for folks who are using awards and badges in TI. (not credly or outside vendors)We are struggling with ideas on how to continue to encourage earning points for different badges, when you can only see your status/leaderboard for one badge at a time (determined by the admin). Do you change the “priority” of the badges weekly? Keep it the same? do something different? Wish the leaderboard was more dynamic and interactive for learners. :(Any thoughts or suggestions or sharing how you use this is welcomed!

1893
MLR
C
CkushnirActive Participant
asked in Design & Marketing
Any tips or recommendations for a full design overhaul?

We’re working to redesign our LMS experience and now that we have our initial designs structured out in Figma, we’re trying to determine the best way to bring those designs to life in the Thought Industries Platform.The Challenge:To start, Helium just isn’t in the budget so it’s not something we can consider for this project. So it sounds like most of our work will need to happen within CSS code.While we have Chameleon to reference in our sandbox, the dev team of the design company we are working with shared the initial impression that getting all the TI LMS elements (pages, widgets, buttons, etc.) updated to the new designs will likely take a significant amount of time simply due to the breadth of elements across the system. I want to say the current estimate is somewhere around 300 hours (though that could change as they get more familiar with the system).Questions:Are there any folks out there who have done a significant design overhaul within their instance of Thought Industries? I

895
F
dlasa
dlasaNew Contributer
asked in Design & Marketing
Hide a course text page from learners only

The use case:A subject matter expert is creating a course for internal learners. The expert would like to store instructor resources in separate lesson within a text page of the course while keeping the lesson and page hidden from learners. The idea is to keep instructor resources close to the course material for live review sessions with beginners.The simplest solution seems to be to create a section/lesson/page page but not publish; however, this option doesn’t seem sustainable or scalable.The current solution:The current solution we have is to set the date of release for the lesson/page to a future date and name the lesson/page with a title like Instructor Resources so it’s clear to the learner that the area is not for him/her/them. The question:What is another way to do this? Is there a way to completely hide a section/lesson/page in a course from learners while exposing it to managers?   hey @charles.zimmerman 👋🏼 have you ever done something like this?!  

285
jonsynnott
charles.zimmerman
charles.zimmermanGenius
posted in Design & Marketing
A Little CSS Can Go a Long Way

I am so excited to share that I had to make it a post.  @Community Team  if this isn’t a good share, feel free to take it down.  I want to show everyone that this was not easy, but you can really create a unique learner journey with just CSS.  I am not ashamed to say that I use Chat GPT 4.0 to help me but after you get used to using “Inspect Page”, recognizing syntax and classes, and asking AI for some help you can do amazing things with Ti and we are fortunate that they allow it (at your own risk).  If you have a sandbox, I suggest you try these things there first but check out my before and after of the catalog widget in Calendar view.  It’s so fun and rewarding to achieve exactly what YOU need.  BEFORE and AFTER (remove search bar, remove custom field index, center content)BeforeAFTER TARGETED CSS FOR ONE PANOAfter 

985
A
ajmacadangdang
ajmacadangdang
asked in Design & Marketing
CSS for customizing the white container in a container

Hello! We found a great example of designing learning experiences in TI. Have any of you used CSS codes or HTML to customize the color of the white container within a course. Here is an example. Here is an example that still has the white container. We would like to make the entire page have the same color as the above. Thanks for your inputs in advance! 

705
ajmacadangdang
Terms & ConditionsCookie settings