JR63491: YOU NOTICE A RADIO BUTTON GROUP SELECTION DISPLAY ISSUE ON SMALLER SCREENS

workflow.2102.delta.repository

APAR status

• Closed as program error.

Error description

• If you reduce the window size so that the text on the radio
  options start to wrap, the selected radio option display doesn't
   look ok and makes is difficult to identify the selection. If
  you keep reducing the window size, after a certain point the
  selected radio dot moves out of the radio button circle. If
  there are more contents on the page, the options on the radio
  must wrap to display properly.
  
  PRODUCTS AFFECTED
  IBM Business Automation Workflow
  

Local fix

• You can prevent this issue by adding a css class, for example
  FIX_RADIO via the HTML attributes properties tab.
  
  If a custom theme is already used, add the following less rule
  to the bottom of the Source tab:
  
  .FIX_RADIO .radio3 > input:checked + span:after {
  top: calc(~"50% -" @bpm-radio-inner-circle-top-offset);
  }
  
  If an out of the box theme is used, then add a Custom HTML to
  the coach or coach view layout with the following text.
  <style>
  .FIX_RADIO .radio3 > input:checked + span:after {
  top: unset;
  }
  </style>
  

Problem summary

• The issue is not just limited to smaller screens. It also occurs
   on regular screens that has more contents so the radio options
  wrap causing the selections to look to be formatted improperly.
  

Problem conclusion

• A fix is available or will be available that ensures the radio
  buttons display correctly when you use a small browser window.
  

Temporary fix

Comments

APAR Information

• APAR is sysrouted FROM one or more of the following:

• APAR is sysrouted TO one or more of the following:

Fix information

• Fixed component name

  BUS AUTO WORKFL

• Fixed component ID

  5737H4100

Applicable component levels