BPM, Workflow, and Case

BPM, Workflow, and Case

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

 View Only
  • 1.  Radio buttons from toolkit appears different when imported to Process App

    Posted Mon August 11, 2025 09:35 AM

    Hello, 

    There is a toolkit which has a template coach view. This toolkit is imported in Process App. The radio buttons before importing this tempate coach view, looks as usual. After importing template coach view, radio buttons change their look and feel. Where possibly I should look for a bug? Has anyone faced such issue earlier?

    Thanks.



    ------------------------------
    Nakul Dani
    ------------------------------


  • 2.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Mon August 11, 2025 10:08 AM

    Hi Nakul,

    Can you check if the template Coach View has any global CSS that overrides default styles of the radio button.

    Such CSS can affect all radio buttons in the Process App once the toolkit is imported.



    ------------------------------
    Atanu Roy
    Lead Engineer
    London Stock Exchange Group
    ------------------------------



  • 3.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Thu August 21, 2025 01:42 AM

    Hi Atanu,

    Yes, there is a GlobalCSS coach view. However, it has no impact on radio buttons when tested by configuring it. Maybe I will put workaround.

    Thanks for your response.



    ------------------------------
    Nakul Dani
    ------------------------------



  • 4.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Tue August 12, 2025 07:39 AM

    Nakul,

    Also check the Theme that is set in the project properties for the toolkit and the process app.  When viewing the toolkit in isolation, the theme set on the toolkit is used.  However, when a toolkit is referenced by a process app, then the theme set on the process app will be applied to all dependent toolkits.  The result is that the theme set on a toolkit is never used at runtime, and only exists as a default to use when the toolkit is opened for editing in isolation.

    Hope this helps,

    Grant.



    ------------------------------
    Grant Taylor
    ------------------------------



  • 5.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Tue August 12, 2025 06:26 PM

    Hi,

    Another alternative approach is to check the running version of your screen (Run Workflow & Check Task Screen) Or Run Human Service Separate & then open browser inspect and select html element to check customized css applied over your element below is an example and you should check below also 

    01) Selected Theme Over Process App / Toolkit ( Also Customized CSS If Your Theme Less File)

    02) Check Inline-CSS Applied Over Used Coach Views / Views Added In Your Human Service.

    03) Check Your Control is Custom CSS added ( Check Also If Javascript Code Applied )

    04) Check OnLoad Events as there code be some lines to customize control behavior / styling

    05) Check Browser Inspect Option to check what is reflecting your control styling as there could be changes applied to common css classes like "form-group" , "control-label" which could change styling of majority of IBM BPM Controls.



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



  • 6.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Thu August 21, 2025 01:55 AM

    Hi Mohammed,

    I appreciate your response. Though it seems like an off-track solution, it is the best strategy ever. I have already found the css element which can be modified. However, planning to use it as the last resort.

    Thanks.



    ------------------------------
    Nakul Dani
    ------------------------------



  • 7.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Thu August 21, 2025 01:46 AM

    Hi Grant,

    This is great insight. I will see if I can modify theme set from process app itself. However, it still comes from another toolkit. Maybe a quick workaround through coach properties can sort out something.

    Thanks for your response.



    ------------------------------
    Nakul Dani
    ------------------------------



  • 8.  RE: Radio buttons from toolkit appears different when imported to Process App

    Posted Thu August 21, 2025 02:45 AM

    Hi Nakul,

    I gave a list of alternative solutions for your to decide what is best needed for you, You can start with updating your Theme and move it to Toolkit to be used in all needed workflows but it will require a talented UI/UX Resource to modify the needed to make sure all colors and fonts are smooth in all controls Styling Options or you could modify your needed css Selector inside common Coach View Let's Call It "Bank Template" to modifty needed Styling Items if you are using Control Styling B/W "Default | INFO"

    It's all up to you how to manage / organize your workflow components.



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



  • 9.  RE: Radio buttons from toolkit appears different when imported to Process App
    Best Answer

    Posted 29 days ago

    I have finally added a custom HTML component to the coach in which style tag is incorporated. It contains css class selectors having configuration for radio buttons on the form. This is a tight-coupled solution for the Process App and will be moved to the generic toolkit in the near future when stakeholders agree to do so.

    Thanks to all for your insights.



    ------------------------------
    Nakul Dani
    ------------------------------