Delete box dialog doesn't fit on small screens

[TroubleShooter]

Hi,

 

I've been trying to design my DataPages to look good on mobile.

When trying to delete data, I noticed that the dialog boxes doesn't fit on small mobile screens. I tried to implement the Responsive DataPages but it still doesn't work.

 

Hoping someone can help.

 

Thanks,

TroubleShooter

[TsiBiRu]

Hi @TroubleShooter,

You can check the link below, it contains useful information on how to make your DataPage(s) / web page(s) responsive on various screen size.

https://howto.caspio.com/tech-tips-and-articles/responsive-datapages-overview/

Regards,

TsiBiRu 

[DefinitelyNot31337]

Hi @TroubleShooter,

 

Try pasting this snippet in the Header of your DataPage.

 

These are media queries that set the width of the Dialog Box on shorter devices.

<meta content="width=device-width, initial-scale=1" name="viewport" />

<style> 
  #Alert {
    width: 500px;
  }

@media screen and (max-width: 500px) {
  #Alert {
    width: 315px !important;
  }

}
</style>

 

Tested this on PC but not on actual mobile device. Hope this works for you.

 

Cheers,

DN31337