Question
USDA
US
Last activity: 7 Jan 2020 10:04 EST
text is not inline with Icon
Hi, Text is not inline with Icon when we increase zoom. it is moving below the icon.
when i inspected in chrome debugging mode, I got below code
<button data-test-id="2018052509331904921" name="ImportFilewithMessage_3" data-ctl="Button" type="button" pn=".UploadFileName" onchange="handleClientEvent('SERVER', '','', '-1', event)" data-keyup="[["runScript", ["BrowseFileSelectPopup(event)"],,"enter"]]" data-click="[["runScript", ["BrowseFileSelectPopup(event)"]]]" title="Import" alt="Import" class="Black_Button_No_Border pzhc pzbutton"><img src="webwb/zblankimage.gif" alt="" class="pzbtn-i"><i data-keyboard="." data-click="." class="mdi mdi-18px mdi-file-import mdi-dark mdi-aligntext-middletoicon"><span style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">Import</span></i>Import<img src="webwb/zblankimage.gif" alt="" class="pzbtn-i"></button>
I'm unable to find class="pzbtn-i" in css when i inspect. Do I'm missing any thing ?
Pegasystems Inc.
US
hi Praveen
- Typically only zoom levels of 100% is supported.
- In the screen shots, is your issue with the overlapping text ? Does it overlap on a button -- its not clear. Also why do you need higher zoom levels ? What is the use case ?
USDA
US
Hi Krithiga,
Thanks for responding.
when we zoom to 150%, text is dropping to next row. Attached is the screen shot before zooming.
Testing team is testing with different zoom levels. we don't have proper use case to test like that.
BPM Company
NL
Super valid question - why does your test team test such a scenario?? Plus, different browsers will zoom in differently.
Even google.com behaves incorrectly if you zoom in.
Pegasystems Inc.
US
Hi ,
Is it in a grid ? Could you please let me know the version of pega that you are using .Custom css have to be written to take care of that. If it is replicable out our end, we can try some alternatives. Could you please share the design of that usecase.
USDA
US
yes, it is in a Grid. when we are increasing the zoom to 150% or when we are resizing to tablet mode, import is not lining with icon.
I tried to add this in another section and add that section in a grid it is throwing a error "this section below contains form tags or html which are illegal in this context".