Bjorn Podlaha (bpodlaha76)
Capgemini Deutschland GmbH
Principal Business Analyst and PEGA CSSA
Capgemini Deutschland GmbH
bpodlaha76 Member since 2015 8 posts
Capgemini Deutschland GmbH
Posted: August 18, 2016
Last activity: October 27, 2016
Posted: 18 Aug 2016 11:06 EDT
Last activity: 27 Oct 2016 7:05 EDT

Icon in header is blurred on iOS devices (iPad / iPhone)

Error Description

Header Icon on iOS devices that share the header with other elements appear blurred. This effect appears only on iOS devices, Android devices or desktop browser do not show this behaviour.


The pyCaseHeader consists of a dynamic layout with an icon and a text property in it. The dynamic layout 1.1 is set to  "Other / Inline Middle". The presentation layout mode set to “Inline-Block”. 

Suggested Approach

Set presentation layout mode of dynamic layout 1.1. to “Flexbox” and set the presentation layout-mode of all child properties to "Inline-Block". Now it works fine with Safari. 

***Updated by Moderator: Marissa to change post type from Question to Discussion***

Low-Code App Development Mobile User Experience
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Discussion, please write a new Discussion.