NetTalk Central

Author Topic: popup width using css, how to  (Read 3127 times)

Alberto

  • Hero Member
  • *****
  • Posts: 1873
    • MSN Messenger - alberto-michelis@hotmail.com
    • View Profile
    • ARMi software solutions
    • Email
popup width using css, how to
« on: April 28, 2020, 10:34:14 AM »
Hi, I have many popup forms with differents width, it looks ok in a browser but it looks thin in a cell phone.
Ive manage to change the width of browses using CSS and media
But I cant do it with a popup form, cant locate the place where to add a class to manage the width.
The actual div is:

<div tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-draggable ui-resizable myclass??" aria-describedby="popup_updateplan_div" aria-labelledby="ui-id-14" style="position: absolute; height: auto; width: 52%; top: 15px; left: 486.78px; z-index: 101;">

as you can see the width is in the style and not in a class, how to add myclass to manage the width?

Thanks
-----------
Regards
Alberto

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11251
    • View Profile
Re: popup width using css, how to
« Reply #1 on: April 28, 2020, 07:49:34 PM »
option 1;
set the form width on the layout tab for the form. For example
'100%'

option 2
as you can see the div includes many classes already, including ui-dialog
So you can add your own ui-dialog css, using media queries if you like, to control the look
of the popup on different screen sizes.

cheers
Bruce