Clarity

  • 1.  UI Customization - Home Icon

    Posted May 18, 2018 10:53 AM

    Hi

     

    How in UI Theme, I can change the Color or the Icon of the Home Button?

     

    Is there a list of objects that can be modified?
    Example: Home Icon, Search Icon etc ...

     

    Thanks

     

    I Found the anwser in web devlopment module.



  • 2.  Re: UI Customization - Home Icon

    Broadcom Employee
    Posted May 19, 2018 07:10 AM

    Dear Phillipe:

        If you found the answer as mentioned above, can you please share with others that may have the same question?

    Also which APM User interface are you talking about? Hard to tell whichone you mean

    Thanks

    Hal German



  • 3.  Re: UI Customization - Home Icon

    Posted May 22, 2018 08:58 AM

    Hi

     

    I add those tag in my Themes:

     

    /* PGA */
    #ppm_home_go img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gUSDxgsHjezygAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAAXklEQVQ4ja3SSQ4AIAgDQEr8/5fr1SibBI5axiWApEyVVkIACCA9NcVOJANDzGqOQBeLmrw9E6v8j5V5sArkZTXa/AXVWuyCuIf2FyWJ52YTNYqtLHA+Q6Q5tJ0axTbJLR45SkA/DQAAAABJRU5ErkJggg==);
    width: 19px;
    height: 15px;
    }

    /* The global search button image PGA */
    #ppm_search img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gUSExUzM62aZgAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAABFElEQVQ4jZWToVLDUBBFzzKIyMg6niOyElwlEhyST+hf8A0ocBhmKnHkE2pBpajiwFF3Ed2+bl/SDn0zO5ls7t697+7GJFEeMxsBjb8uJC16oM2RlAO4BjpARSyBacTmmlA8CwW/QOuxDPk5UPcIgHsHfANToBpQtiGaFd+ovKOAqyGZDmy8gYBxJJh4st1XHMCPjs1+nADJ/fzZ6/T2fPmzjskU7p8OdK/cRAGT0sQ2uNwjAUZhSl00+dRV3HjxGOjM7An4AFbAGXDnsgW8SFpl/aFLAp7pL9FQ5GlZucpm1rCezLnf+xN4Ax5cIawNv5T0fnBshQ+J3a3sgPrfBE5ywXbpBLRHETjJ7Y4fxxIU/87rH+1Hkp8cwouOAAAAAElFTkSuQmCC);
    width: 16px;
    height: 15px;
    }

     

    In URL: it is the base64 image for the search and for the home button.

    You can use thise site to convert png to base64: Image to Base64 Converter - Encode Images to Base64 - Online - Browserling Web Developer Tools 



  • 4.  Re: UI Customization - Home Icon

    Broadcom Employee
    Posted May 22, 2018 10:47 AM

    Posted to wrong community. Moved to PPM.