4 Replies Latest reply on Aug 14, 2019 8:34 AM by Emmanuel Galia

    Digital Workplace Rebranding - typical stuff

    Emmanuel Galia
      Share This:

      Hi all - we're using version 18.02 and our client needed some changes which we were able to fulfill using rebranding options, most aren't documented and we found through several discussions. Was wondering if we had just missed where they were documented?

       

      Here are where we typical check for documentation:

      https://docs.bmc.com/docs/digitalworkplaceadvanced/1802/rebranding-the-universal-client-788652209.html

      https://docs.bmc.com/docs/smartit20/rebranding-smart-it-on-the-universal-client-749669559.html

       

      What we've used:

       

      style-myit.css

      ---

      /* Update Application Header */

      /* Product name  - change label and color for lower environments*/

      .rbr-logo:after

      {

          content: 'Digital Workplace (D)';

          display: inline-block;

          white-space: nowrap;

          font-weight: 300;

          font-size: 20px;

          color: #00d900;

          margin-left: 10px;

      }

       

      /* Remove Reopen Link from Service Request Ticket and Reopen Button for Service Requests */

      .activity-item__footer-button_reopen {

        display: none; }

      .sr-details__footer-button_reopen {

        display: none; }

      ---

       

      style-smart-it.css

      ---

      /* Update Application Header */

      /* Product name  - change label and color for lower environments */

      .header__app-name:before

      {

          content: "ITSM Support Console (D)";

          visibility: visible;

          width: 500px;

          height: 20px;

          margin: -1px 20px 0 0;

          color: #00d900;

          font-size: 22px;

          float: left;

      }

       

      .header__app-name

      {

          font-size: 0px ;

      }

       

      /* Add Activity Log Dates in Smart IT Ticket Print-Outs */

      div.print_profile__support-panel .feed-item__date-time {

        display: block !important; }

       

      /* Remove Request Again Link from Service Request Ticket */

      .service-request__requestagain-action {

        display: none; }

       

      /* Remove Reopen Link from Service Request Ticket and Reopen Button for Service Requests */

      .service-request__reopen-action {

        display: none; }

      ---

       

      Was wondering what else everyone else is using? Maybe you can share?

       

      Thanks!!


      Be safe,

      Sonny

        • 1. Re: Digital Workplace Rebranding - typical stuff
          Sidhdesh Punaskar

          so what is ask here?

          Do you want to understand what your css code actually does as functionality wise?

           

          There is no documentation as such on how rebranding is done. The code is identified based on inspect element F12 debugger.

          1 of 1 people found this helpful
          • 2. Re: Digital Workplace Rebranding - typical stuff
            Emmanuel Galia

            Hi Sidhdesh Punaskar - was trying to find out if there was any where the other rebranding options are done. I was sharing what we have done currently in our environment. But like you stated, either the solution was from another post that was shared, or we stumbled upon it by comparing a working rebranding option and using the browser F12 debugger on another page that we wanted to customize.

             

            I was wondering if there were more concrete docs/references out there instead of just a hit-or-miss option for developers to experiment and try out.

             

            Thanks for your reply!!

            • 3. Re: Digital Workplace Rebranding - typical stuff
              Jijil Gopalan

              Hi,

              You can always open the CSS folder under current folder of default DWP Installation location and edit the dwp.css code, if you want a clear CSS formatting then you can copy & paste the content from dwp.css file and use the link (https://www.cleancss.com/css-beautify/ ) to modify the formatting of the current CSS, then change the necessary codes.

              And if you want to preview the content of changes which you have then you can always use the F12 (debugger) to do the necessary changes and preview the content,

               

              Regards.

              Jijil 

              2 of 2 people found this helpful
              • 4. Re: Digital Workplace Rebranding - typical stuff
                Emmanuel Galia

                Hi Jijil Gopalan - thanks for that info! Will definitely look into it, especially using cleancss.com to preview/update css formatting.

                 

                However, editing dwp.css (or in our case, myit.css) still requires touching a file under \Smart_IT_MyIT\ux\current\myitapp\styles\css and the \ux\ folder is typically one of the folders that is replaced during updates/patches/hotfixes. So that then would require that we go back and re-apply any "rebranding" that was done previously.

                 

                The goal is to keep rebranding options in the \Tomcat\webapps\tenant-custom-res\000000000000001\ so that we don't have to keep re-applying. Maybe it's possible to translate any of the changes to those css files into style-myit.css. Worth a look.

                 

                Thanks again!!