BlockUI not Center on Screen With Mobiles or Tablet
Posted: 30 Apr 2019, 16:21
Good,
When I use a pe: blockUI, I have noticed that the content of the blockui is not correctly centered:
Example:
The attribute left: 35% is applied by default, it should be calculated according to the size of the screen, that is, allow it to be used when it is responsive.
When a mobile is used, the left attribute causes the content of the blockui to be exited from the screen.
Any solution?
When I use a pe: blockUI, I have noticed that the content of the blockui is not correctly centered:
Example:
Code: Select all
<pe:blockUI widgetVar="blockUIWidget">
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank">
<h:graphicImage library="images" name="loading.gif"
style="margin-right: 12px; vertical-align: middle;"/>
<h:outputText value="#{text['ruleta.espera']}" style="white-space: nowrap;"/>
</p:panelGrid>
</pe:blockUI>
When a mobile is used, the left attribute causes the content of the blockui to be exited from the screen.
Any solution?