Applying custom CSS to widgets
Applying custom CSS to Widgets
You can modify the appearance of Widgets by applying custom CSS to them. These styles can help draw attention to important information or better align your digital workplace's appearance with your corporate brand. Workplace Administrators and users who have at least Edit Access to the page or space where the Widget is located can apply this custom CSS by adding the related CSS class to the Widget's Appearance tab. This CSS class should correspond with a CSS selector that has already been added to your digital workplace's CSS theme.
Some classes can also be applied to Page rows to affect multiple Widgets. To do this, check out the article applying custom CSS to Page rows.
How to apply custom CSS to Widgets
The following steps describe how to add custom CSS to a Widget. Applying a CSS to a Widget will only affect that Widget.
- Add the CSS that you want to use to the digital workplace's CSS theme. The selector used for this should contain a custom class name; this class will be used to apply the style to Widgets.
- Navigate to the page or space that contains the Widget that you want to style.
- Click the Actions Button and select Edit from the provided menu.
- While in page edit mode, click edit on the Widget that you want to style.
- Navigate to the Widget's Appearance tab.
- Enter your custom class name into the Class text field on the appearance tab.
- If applying multiple classes, leave a space between each one.
- Classes applied this way don't need to begin with a period.
- Click the Update button to update the Widget with these changes.
- Click the Publish Page button to apply and save these changes.
After publishing the Page, you should see the effect of your style. If you do not, verify that you are using the correct class name.
- /support/knowledgebase/all_articles/articles/pdf_galleria_gadgetWikipublishedJanuary 23, 2023byJesse LangstaffUse the PDF Galleria gadget to provide users with the ability to interact with multiple PDF files at once from one or more folder channels in a configurable carousel of PDF thumbnails.Sections in this…
- /support/knowledgebase/all_articles/articles/my_feed_gadgetWikipublishedOctober 19, 2022byJesse LangstaffYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. To subscribe, contact your Customer Success Manager or email the Customer Success Team to ge…
- /support/knowledgebase/all_articles/integrations/confluence_integrationWikipublishedSeptember 26, 2022byJesse LangstaffUse the Confluence integration to provide users with a way of searching your organization's Confluence workspace from within your digital workplace.Contact the Customer Success Team to have this integ…
- /support/knowledgebase/all_articles/articles/poll_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookUse the Poll widget to ask a single question to the users of your digital workplace. Depending on its configuration, users can select one or more answers as a response. At any time, workplace admini…
- /support/knowledgebase/all_articles/articles/panoramic_viewer_gadgetWikipublishedJune 22, 2022byJesse LangstaffYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/articles/html_content_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookUse the HTML Content widget to display custom content on your digital workplace's pages, spaces, and dashboards. The HTML Content widget leverages the WYSIWYG editor to create content that includes te…
- /support/knowledgebase/all_articles/articles/stock_price_gadgetWikipublishedMay 12, 2022byJesse LangstaffYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/integrations/onedrive_for_business_integrationWikipublishedSeptember 4, 2017byMatthew SeabrookUse the OneDrive for Business integration to give users of your digital workplace a way of viewing, adding, and downloading files located in OneDrive.Sections in this article: Considerations and …
- /support/knowledgebase/all_articles/integrations/google_drive_integrationWikipublishedSeptember 4, 2017byMatthew SeabrookUse the Google Drive integration to give users of your digital workplace a way of viewing, adding, and downloading files from Google Drive. When configuring the integration, you can control whether it…
- /support/knowledgebase/all_articles/articles/iframe_gadgetWikipublishedNovember 17, 2021byJesse LangstaffYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/integrations/o365_sharepoint_document_library_integrationWikipublishedSeptember 4, 2017byMatthew SeabrookThe O365 SharePoint integration gives users of your digital workplace a way of viewing, adding, and downloading files located in your organization's SharePoint environment. When configuring the integr…
- /support/knowledgebase/all_articles/integrations/o365_onenoteWikipublishedJuly 10, 2018byJesse LangstaffThe O365 OneNote integration gives users the ability to view and browse OneNote notebooks. When configuring the integration, you must specify up to 5 notebooks to show. This integration obeys the acce…
- /support/knowledgebase/all_articles/integrations/microsoft_teams_widgetWikipublishedSeptember 16, 2021byJesse LangstaffThe MS Teams integration gives users the ability to chat at the speed of conversation (latency of 5 seconds or less) with other users inside your digital workplace using Microsoft Teams. When configur…
- /support/knowledgebase/all_articles/articles/blog_presenter_widgetWikipublishedAugust 4, 2021byKayleigh LeBlancYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/articles/flipclock_countdown_widgetWikipublishedJuly 23, 2021byKayleigh LeBlancYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/articles/profile_completion_integration_widgetWikipublishedJuly 15, 2021byKayleigh LeBlancYour organization must be subscribed to Igloo's Gadget Depot to use gadgets in your digital workplace. Contact your Customer Success Manager or email the Customer Success Team to subscribe to the…
- /support/knowledgebase/all_articles/articles/microblog_post_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookOverviewThe Microblog Posts Widget is often used to display a feed of posts made on the connected Microblog Channels. Users can then view and interact with these posts from a central location, rathe…
- /support/knowledgebase/all_articles/articles/site_map_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Site Map widget provides a way for people to navigate and explore your digital workplace. The workplace administrator can select the root location of the Site Map widget and it will d…
- /support/knowledgebase/all_articles/articles/channels_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Channels widget displays a list of channels of the same type collected in the same area of the digital workplace. It allows workplace members to quickly and easily access the channels…
- /support/knowledgebase/all_articles/articles/wiki_index_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Wiki Index widget is like a table of contents for Wiki channels – it displays a list of the wiki articles in the channel. The articles are displayed alphabetically, and an index bar a…
- /support/knowledgebase/all_articles/articles/members_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookUse the member's widget to display members of a group. Depending on the widget's layout, users can interact with the displayed members in different ways. If enabled, users can join or leave the featur…
- /support/knowledgebase/all_articles/articles/navigation_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Navigation widget provides a way to display a layer of your digital workplace's architecture for ease of navigation. In the widget, you can select any page or space in your workplace …
- /support/knowledgebase/all_articles/articles/photos_in_folder_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Photos in Folder widget displays images from a connected Folder channel in your digital workplace. See the article on Folders to learn more about files and folders in Igloo.Like other…
- /support/knowledgebase/all_articles/articles/folder_contents_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?This widget displays the files and sub-folders stored within a Folder channel. The different display options allow you to show as much or as little information as you would like.Configu…
- /support/knowledgebase/all_articles/articles/slideshow_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookUse the Content Slideshow widget to highlight recent content from a selected blog, calendar, or forum channel. The slideshow presents a set number of posts sequentially for a set amount of time in an …
- /support/knowledgebase/all_articles/articles/add_button_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?Use the Add Button Widget to give users to ability to add content to a Channel from a Page or Space.Configuration settingsOptions tabTitleEnter a title for the Widget. The title a…
- /support/knowledgebase/all_articles/articles/forum_topics_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?This widget acts as a window into one or more Forum channels, displaying collections of forum topics from around your digital workplace. The different display options allow you to show va…
- /support/knowledgebase/all_articles/articles/calendar_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?A Calendar Events widget pulls in content from one or more Calendar channels and displays their content on a page or space, in the format you choose.Configuration settingsOptions tab …
- /support/knowledgebase/all_articles/articles/blog_articles_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?Use the Blog Articles Widget to aggregate and display Articles from multiple Blog Channels on a Page or Space. Articles displayed in the Blog Articles Widget will appear in chronological …
- /support/knowledgebase/all_articles/articles/tasks_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Tasks widget allows you to choose a group of tasks to be displayed to digital workplace members. Only people who have access to the Tasks channel the tasks are housed in can see the…
- /support/knowledgebase/all_articles/articles/recent_contributors_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookWhat is it?The Recent Contributors widget displays members who have recently contributed content to specified channels within the site. Other members can see the names and link to the contributing m…
- /support/knowledgebase/all_articles/articles/recent_comments_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookOverviewUse the Recent Comments Widget to display a feed of comments. Users can then click on these comments to go to the associated content. When configuring the Widget, you can select from which C…
- /support/knowledgebase/all_articles/articles/recent_activity_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookOverviewUse the Recent Activity Widget to display a feed of newly created content. Users can then click on content in the feed to go to it. When configuring the Widget, you can select from which Cha…
- /support/knowledgebase/all_articles/articles/enterprise_feed_widgetWikipublishedSeptember 3, 2020byJesse LangstaffUse the Enterprise Feed widget to display previews of blog articles shared from hub blog channels. Users can get to the complete article by selecting the article's title. For this widget to be effecti…
- /support/knowledgebase/all_articles/articles/languages_and_translationWikipublishedSeptember 4, 2017byMatthew SeabrookDigital workplaces support displaying content in multiple languages. When multiple languages are enabled, one acts as the workplace's default language and is marked with an asterisk (*) on the userbar…
- /support/knowledgebase/all_articles/articles/static_slideshow_enhancementWikipublishedJanuary 8, 2020byJesse LangstaffDisplay the same image behind all articles in a Content Slideshow widget using the Static Slideshow enhancement. Use this when you want to provide a consistent viewing experience or do not want the sl…
- /support/knowledgebase/all_articles/articles/rss_feed_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookOverviewThe RSS Feed widget allows you to display the contents of public RSS feeds from external websites in your digital workplace. Users can click the titles of these feeds to go to the source con…
- /support/knowledgebase/all_articles/articles/about_widget_enhancementWikipublishedJanuary 8, 2020byJesse LangstaffAdd a background color to a widget with the About enhancement. Use this distinct widget background to highlight instructions or other vital information contained in a widget.If your workplace already …
- /support/knowledgebase/all_articles/articles/accordion_enhancementWikipublishedDecember 2, 2019byJesse LangstaffMake the contents of a widget collapsible with the Accordion enhancement. Use this to reduce clutter and information overload on information-dense pages by presenting content based on the user's needs…
- /support/knowledgebase/all_articles/articles/widget_tabs_enhancementWikipublishedNovember 25, 2019byJesse LangstaffLayer multiple widgets into a single location on a Page with the Widget Tabs enhancement. Use this to reduce clutter and information overload on information-dense pages by presenting content based on …
- /support/knowledgebase/all_articles/articles/applying_custom_css_to_page_rowsWikipublishedNovember 21, 2019byJesse LangstaffApplying custom CSS to Page rowsHow widgets appear on a Page, and how sections of a Page look, can be altered by applying custom CSS to the Page row that contains them. These styles can help draw at…
- /support/knowledgebase/all_articles/articles/search_box_widgetWikipublishedSeptember 4, 2017byMatthew SeabrookOverviewUse the Search Box Widget to provide members with a more focused search experience. Unlike the search box found on the Userbar, you can configure the Search Box Widget during its set up to…
- /support/knowledgebase/all_articles/articles/adding_css_to_your_workplace_themeWikipublishedMay 15, 2019byJesse LangstaffAdding CSS to your digital workplaceWorkplace Administrators and users with the Manage Theme role can modify a digital workplace's CSS from the Appearance page. CSS located here will be loaded on ev…