Skip to main content

Hi Iterable community! We’re relatively new to the platform and setting up various in-app templates. 

While the bottom sheet satisfyingly appears with a quick animation from the bottom of the screen, as you can see we're left with a hole between the sheet itself and the bottom of the screen. 

It appears that the HTML code we used to produce such design is correct, and we're now wondering if there's a way to fill that gap. Anyone else had this issue? 

Would also be keen to connect with anyone from the Iterable community for journey/campaign setup and in-apps - would be great to learn and share tips! (As you know, it takes some time to get up to speed with the platform!) 

Thanks :) 


 

Still TBD:

  1. How to make popups actually appear center screen, with padding from the side borders of the screen
  2. How to not have the hole under the bottom sheet
  3. Enable the user to close modals with either swipe down or tap outside of the window
  4. The best way to render the drag-down handle on the compressed bottom sheet modal (if that's necessary)

Hi there,

This looks like a great question for a support ticket, so that our team can take a look at the affected template(s) and offer more tailored suggestions based on your existing setup. Feel free to email support@iterable.com, or click the question mark on the top-right corner in the Iterable UI, and select “submit a ticket” from that dropdown.

 

Best,
Heather


Was there any response to this as we are also trying to look at how to do the swipe to remove a message 


Reply