{"id":89079,"date":"2023-06-05T13:09:06","date_gmt":"2023-06-05T17:09:06","guid":{"rendered":"https:\/\/jumpcloud.com\/?post_type=support&#038;p=89079"},"modified":"2023-07-19T16:59:00","modified_gmt":"2023-07-19T20:59:00","slug":"customize-application-display-options","status":"publish","type":"support","link":"https:\/\/jumpcloud.com\/support\/customize-application-display-options","title":{"rendered":"Customize Application Display Options"},"content":{"rendered":"\n<p>Customize application display options to determine how applications are displayed in the Admin and User Portals. Keep the default logo, use a color indicator, or upload a custom app logo to differentiate your applications.<\/p>\n\n\n\n<p>Pre-built connectors default to the logo display option, which is pre-populated with the service provider\u2019s logo.&nbsp; The Custom OIDC App and the Custom SAML App default to the custom OIDC or SAML App logo while the Bookmark URL defaults to the color indicator.<\/p>\n\n\n\n<div class=\"wp-block-cgb-notification-card-wysiwyg notification-card note\"><div class=\"notification-card-content\"><div class=\"notification-card-icon\"><p><img decoding=\"async\" src=\"\/wp-content\/themes\/jumpcloud\/assets\/images\/gutenberg-blocks\/note-icon.png\" \/><\/p><\/div><div class=\"notification-card-copy is-type-body-default\"><div><strong class=\"notification-card-type\">Note:<\/strong> \n<p>Users are implicitly denied access to applications. Users won\u2019t see applications in their User Portal unless you authorize user access to that application.&nbsp;See <a href=\"https:\/\/jumpcloud.com\/support\/authorize-users-to-an-sso-app#UploadCustomLogo\">Authorize Users to an SSO Application<\/a> for more information<strong>.<\/strong><\/p>\n <\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Using the Application Logo<\/strong><\/h2>\n\n\n\n<ol>\n<li>Go to the <a href=\"https:\/\/console.jumpcloud.com\" target=\"_blank\" rel=\"noreferrer noopener\">JumpCloud Admin Portal<\/a>.<\/li>\n\n\n\n<li>For a new application:\n<ol class=\"is-lower-alpha\">\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong> and then click <strong>+Add New Application<\/strong>.<\/li>\n\n\n\n<li>Select a <strong>Custom SAML App<\/strong>, <strong>Custom OIDC App<\/strong>, or <strong>URL Bookmark <\/strong>from the <strong>Configure New Application<\/strong> list view.&nbsp;<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>For an existing application:\n<ol class=\"is-lower-alpha\">\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong>.<\/li>\n\n\n\n<li>Search for and select your application.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>In the <strong>General Info<\/strong> tab, set the <strong>Display Option<\/strong> to <strong>Logo.<\/strong><\/li>\n\n\n\n<li>For an existing application, click <strong>save. <\/strong>For a new application, complete the remaining required fields, then click <strong>activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>When using the Logo Display Option, applications in the Admin Portal are displayed like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1544\" height=\"611\" src=\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg\" alt=\"\" class=\"wp-image-89359\" srcset=\"https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg 1544w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps-300x119.jpg 300w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps-1024x405.jpg 1024w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps-768x304.jpg 768w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps-1536x608.jpg 1536w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Using the Application Color Indicator<\/strong><\/h2>\n\n\n\n<ol>\n<li>Go to the <a href=\"https:\/\/console.jumpcloud.com\" target=\"_blank\" rel=\"noreferrer noopener\">JumpCloud Admin Portal<\/a>.<\/li>\n\n\n\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong>.<\/li>\n\n\n\n<li>Select an application from the Configured Application List view or the Configure New Application list view.&nbsp;<\/li>\n\n\n\n<li>In the application details panel, set the <strong>Display Option to Color Indicator, then select the color of your choice.&nbsp;<\/strong>The first letter of the application&#8217;s name is used in the Color Indicator.<\/li>\n\n\n\n<li>For an existing application, click <strong>save. <\/strong>For a new application, complete the remaining connector fields, then click <strong>activate<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>When using the Color Indicator, applications in the Admin Portal are displayed like this:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1588\" height=\"309\" src=\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps.jpg\" alt=\"\" class=\"wp-image-89358\" srcset=\"https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps.jpg 1588w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps-300x58.jpg 300w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps-1024x199.jpg 1024w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps-768x149.jpg 768w, https:\/\/jumpcloud.com\/wp-content\/uploads\/2023\/05\/Use-color-indicator-for-apps-1536x299.jpg 1536w\" sizes=\"(max-width: 1588px) 100vw, 1588px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Uploading a Custom Application Logo<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Prerequisites<\/strong><\/h3>\n\n\n\n<ul>\n<li>The maximum file size you can upload is 100 KB.<\/li>\n\n\n\n<li>You can upload .png, .jpg, or .svg file types.<\/li>\n\n\n\n<li>The minimum resolution is 150px X 150px.<\/li>\n\n\n\n<li>For best results, upload an image with a transparent background.&nbsp;<\/li>\n\n\n\n<li>When you upload a custom application logo and then go to the Color Indicator, your custom application logo is deleted.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>To upload a Custom Application Logo<\/strong><\/h3>\n\n\n\n<ol>\n<li>Go to the <a href=\"https:\/\/console.jumpcloud.com\" target=\"_blank\" rel=\"noreferrer noopener\">JumpCloud Admin Portal<\/a>.<\/li>\n\n\n\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong>.<\/li>\n\n\n\n<li>Select an application from the Configured Application list view or the Configure New Application list view.&nbsp;<\/li>\n\n\n\n<li>In the application details panel, set the <strong>Display Option<\/strong> to <strong>Logo, <\/strong>then<strong> <\/strong>click <strong>replace logo<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Click <strong>select file<\/strong> to upload your custom app logo.&nbsp;<\/li>\n\n\n\n<li>After you select a file, a preview of the logo is displayed. If you don\u2019t like what\u2019s previewed, click <strong>upload different logo<\/strong> to choose a different file. <\/li>\n\n\n\n<li>For an existing application, click <strong>save. <\/strong>For a new application, complete the remaining SAML connector fields, then click <strong>activate<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>When a user logs into their user portal, their applications display the custom application logo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Restoring a Default Application Logo<\/strong><\/h2>\n\n\n\n<ol>\n<li>Go to the <a href=\"https:\/\/console.jumpcloud.com\" target=\"_blank\" rel=\"noreferrer noopener\">JumpCloud Admin Portal<\/a>.<\/li>\n\n\n\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong>.<\/li>\n\n\n\n<li>Select an application from the Configured Application list view that has a custom application logo.&nbsp;<\/li>\n\n\n\n<li>In Display Option, click <strong>restore default logo<\/strong>.<\/li>\n\n\n\n<li>For an existing application, click <strong>save. <\/strong>For a new application, complete the remaining required connector fields, then click <strong>activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Displaying the application in the User Portal<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-cgb-notification-card-wysiwyg notification-card tip\"><div class=\"notification-card-content\"><div class=\"notification-card-icon\"><p><img decoding=\"async\" src=\"\/wp-content\/themes\/jumpcloud\/assets\/images\/gutenberg-blocks\/tip-icon.png\" \/><\/p><\/div><div class=\"notification-card-copy is-type-body-default\"><div><strong class=\"notification-card-type\">Tip:<\/strong> \n<p>By default, applications are displayed in the User Portal. <\/p>\n <\/div><\/div><\/div><\/div>\n\n\n\n<ol>\n<li>Go to the <a href=\"https:\/\/console.jumpcloud.com\" target=\"_blank\" rel=\"noreferrer noopener\">JumpCloud Admin Portal<\/a>.<\/li>\n\n\n\n<li>Go to <strong>USER AUTHENTICATION <\/strong>&gt; <strong>SSO<\/strong>.<\/li>\n\n\n\n<li>Select an application from the Configured Application list.&nbsp;<\/li>\n\n\n\n<li>Ensure the <strong>Show this application in User Portal<\/strong> checkbox is selected or deselected appropriately.<\/li>\n\n\n\n<li>Click <strong>save<\/strong>.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Customize application display options to determine how applications are displayed in the Admin and User Portals. Keep the default logo, [&hellip;]<\/p>\n","protected":false},"author":205,"featured_media":0,"template":"","meta":{"_acf_changed":false,"_oasis_is_in_workflow":0,"_oasis_original":0,"_oasis_task_priority":"","inline_featured_image":false,"footnotes":""},"support_category":[2855,2902],"support_tag":[],"coauthors":[2839],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.9 (Yoast SEO v22.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customize Application Display Options - JumpCloud<\/title>\n<meta name=\"description\" content=\"Learn how to customize your applications&#039; appearance in the JumpCloud User and Admin Portals.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jumpcloud.com\/support\/customize-application-display-options\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize Application Display Options\" \/>\n<meta property=\"og:description\" content=\"Learn how to customize your applications&#039; appearance in the JumpCloud User and Admin Portals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jumpcloud.com\/support\/customize-application-display-options\" \/>\n<meta property=\"og:site_name\" content=\"JumpCloud\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T20:59:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data2\" content=\"joyjaswinski\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options\",\"url\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options\",\"name\":\"Customize Application Display Options - JumpCloud\",\"isPartOf\":{\"@id\":\"https:\/\/jumpcloud.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg\",\"datePublished\":\"2023-06-05T17:09:06+00:00\",\"dateModified\":\"2023-07-19T20:59:00+00:00\",\"description\":\"Learn how to customize your applications' appearance in the JumpCloud User and Admin Portals.\",\"breadcrumb\":{\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jumpcloud.com\/support\/customize-application-display-options\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage\",\"url\":\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg\",\"contentUrl\":\"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jumpcloud.com\/support\/customize-application-display-options#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jumpcloud.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Support\",\"item\":\"https:\/\/jumpcloud.com\/support\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customize Application Display Options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jumpcloud.com\/#website\",\"url\":\"https:\/\/jumpcloud.com\/\",\"name\":\"JumpCloud\",\"description\":\"Daily insights on directory services, IAM, LDAP, identity security, SSO, system management (Mac, Windows, Linux), networking, and the cloud.\",\"publisher\":{\"@id\":\"https:\/\/jumpcloud.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jumpcloud.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jumpcloud.com\/#organization\",\"name\":\"JumpCloud\",\"url\":\"https:\/\/jumpcloud.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jumpcloud.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jumpcloud.com\/wp-content\/uploads\/2021\/01\/jc-logo-brand-2021.png\",\"contentUrl\":\"https:\/\/jumpcloud.com\/wp-content\/uploads\/2021\/01\/jc-logo-brand-2021.png\",\"width\":598,\"height\":101,\"caption\":\"JumpCloud\"},\"image\":{\"@id\":\"https:\/\/jumpcloud.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Customize Application Display Options - JumpCloud","description":"Learn how to customize your applications' appearance in the JumpCloud User and Admin Portals.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jumpcloud.com\/support\/customize-application-display-options","og_locale":"en_US","og_type":"article","og_title":"Customize Application Display Options","og_description":"Learn how to customize your applications' appearance in the JumpCloud User and Admin Portals.","og_url":"https:\/\/jumpcloud.com\/support\/customize-application-display-options","og_site_name":"JumpCloud","article_modified_time":"2023-07-19T20:59:00+00:00","og_image":[{"url":"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes","Written by":"joyjaswinski"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options","url":"https:\/\/jumpcloud.com\/support\/customize-application-display-options","name":"Customize Application Display Options - JumpCloud","isPartOf":{"@id":"https:\/\/jumpcloud.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage"},"image":{"@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage"},"thumbnailUrl":"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg","datePublished":"2023-06-05T17:09:06+00:00","dateModified":"2023-07-19T20:59:00+00:00","description":"Learn how to customize your applications' appearance in the JumpCloud User and Admin Portals.","breadcrumb":{"@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jumpcloud.com\/support\/customize-application-display-options"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options#primaryimage","url":"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg","contentUrl":"https:\/\/jumpcloud.com\/\/wp-content\/uploads\/2023\/05\/Use-logos-in-apps.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/jumpcloud.com\/support\/customize-application-display-options#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jumpcloud.com\/"},{"@type":"ListItem","position":2,"name":"Support","item":"https:\/\/jumpcloud.com\/support"},{"@type":"ListItem","position":3,"name":"Customize Application Display Options"}]},{"@type":"WebSite","@id":"https:\/\/jumpcloud.com\/#website","url":"https:\/\/jumpcloud.com\/","name":"JumpCloud","description":"Daily insights on directory services, IAM, LDAP, identity security, SSO, system management (Mac, Windows, Linux), networking, and the cloud.","publisher":{"@id":"https:\/\/jumpcloud.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jumpcloud.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jumpcloud.com\/#organization","name":"JumpCloud","url":"https:\/\/jumpcloud.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jumpcloud.com\/#\/schema\/logo\/image\/","url":"https:\/\/jumpcloud.com\/wp-content\/uploads\/2021\/01\/jc-logo-brand-2021.png","contentUrl":"https:\/\/jumpcloud.com\/wp-content\/uploads\/2021\/01\/jc-logo-brand-2021.png","width":598,"height":101,"caption":"JumpCloud"},"image":{"@id":"https:\/\/jumpcloud.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support\/89079"}],"collection":[{"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/types\/support"}],"author":[{"embeddable":true,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/users\/205"}],"version-history":[{"count":2,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support\/89079\/revisions"}],"predecessor-version":[{"id":94251,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support\/89079\/revisions\/94251"}],"wp:attachment":[{"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/media?parent=89079"}],"wp:term":[{"taxonomy":"support_category","embeddable":true,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support_category?post=89079"},{"taxonomy":"support_tag","embeddable":true,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/support_tag?post=89079"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/jumpcloud.com\/wp-json\/wp\/v2\/coauthors?post=89079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}