Best practices for borderless images in guides?

We are using a custom code block to create an image block where the image goes up to the container edges (no border/margin). Pendo uses this design type in their guides (see example below). In some instances we are seeing a delayed load time on the image where the guide text block and buttons will load prior to the image causing the guide to flash as it adjusts and incorporates the image. It's pretty fast but not beautiful. Any tips on the best way to code this full frame type image and how to set the code block in the context of the guide?

5

Comments

1 comment
  • I wish Pendo would provide this out of the box for their customers. We want to do the same thing but don't want to have to make custom code blocks ourselves. It's a bit annoying to see not baked in yet Pendo uses it all the time themselves :) 

    2

Please sign in to leave a comment.

Didn't find what you were looking for?

New post