Cloud Pak for Business Automation

Cloud Pak for Business Automation

Come for answers. Stay for best practices. All we’re missing is you.

 View Only
  • 1.  Modify button stylesheet

    Posted Wed May 25, 2022 01:27 PM

    Anyone,
         How do I modify the style of this dojo button widget in the coach for example the padding-right value here?



    ------------------------------
    Mohamad Sariman
    ------------------------------



  • 2.  RE: Modify button stylesheet
    Best Answer

    Posted Thu May 26, 2022 08:01 AM
    It's not a dojo button/widget. If you are using the UI toolkit, you can modify certain styling aspects of UI controls by customizing your theme. Also the right-hand padding in your example depends on whether you have configured an icon for your button or not.

    ------------------------------
    Eric Ducos
    ------------------------------



  • 3.  RE: Modify button stylesheet

    Posted Mon May 30, 2022 04:38 PM
    Thanks

    ------------------------------
    Mohamad Sariman
    ------------------------------



  • 4.  RE: Modify button stylesheet

    Posted 11 days ago

    Dears.

    we can apply one of the below approaches 

    01) if you want to apply style changes for specific button, then we write the below on onload event
          me.context.element.style.padding = "5px"; (Highlighted to reference element in DOM)

    02) Add custom HTML control inside Human Service / Coach and add generic css to change CSS of all Buttons on screens as per below

    03) Change directly on Used Themes, Also we can add customized CSS as provides in Step 02 in Theme Less File.



    ------------------------------
    Mohammed Shaker
    IBM CP4BA Team Lead
    Valleysoft
    Nasr City
    01007073310
    ------------------------------