Support Article
Styling issues when screen renders on mobile
SA-13593
Summary
After clicking on stages' link, at the bottom of the screen, there is no indication that specifies the current stage.
It is difficult to understand the icons, due to the inability to hover over the icons, on mobile screen (on hovering over the icon, the tool tips are displayed which help in understanding the icon's use.)
Error Messages
Not Applicable
Steps to Reproduce
1. Switch to Mobile mode
2. Click View Stages link.
Resolution
Perform the following local-changes:
Issue 1:
1. The UI for each case is rendered from section, Embed-Stage > pyStageNameForMobile which is an Available rule.
2. Perform Save-As of this section and modify the section as follows:
- Take reference of the existing section Embed-Stage > pyStageName.
- Duplicate the existing Dynamic layouts and add below conditions on them.
- Visibility - Condition(expression) as .pyStageStatus=='Past' for previous stages.
- Similarly .pyStageStatus=='Active' for current stage.
- Visibility - Condition(when rule) IsFutureStageDisplayed for next stages.
Issue 2:
1. The UI for this part is in Work > pyCaseActionArea which is an Available rule
2. Perform Save-As of this section and modify the section as follows:
- Text-Input controls for pxAssignedOperatorId, pySLADeadline, pxDeadlineTime can be configured as follows:
- Open Properties > Presentation tab > Advanced Presentation Options
- Clear hide-on-mobile classes
Published August 31, 2015 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.