Caspio page in a Bootstrap card, best practices

[VincenzoCocciolo]

Hi.

I'm creating my Web frontend using a common Bootstrap tool (Bootstrap Studio) and I need some tips in order to better embed the Caspio script inside a Bootstrap card.

I'm trying to force Caspio so show the DataPage in mobile mode but it keeps to "escape". I managed to add an horizontal scrollbar in order to correct the unesthetic overflow effect but didn't find a way to show the page in mobile mode.

Regarding the code. Here a glimps of the Row, containing 3 columns and inside the last column the card where in the card-body is presente the <script>...</script> (not visible)

 

Any hint?

Regards

 

[VincenzoCocciolo]

I just discovered that use the <iframe> deployment method instead of the <script> greatly helps this aspect

[kpcollier]

@VincenzoCocciolo Were you able to get the bootstrap css to work on Caspio pages? I've got a simple card with a table in it on one of my pages, but it seems to have default Caspio styling. This makes it so it is not responsive to mobile devices.

Also, may I ask how you added the horizontal scroll bar?