Sha256: f65d091978d9afecdba2cea3b9171e5e2a91eac2346123cc54cb7efa7d6bd516
Contents?: true
Size: 1.22 KB
Versions: 1604
Compression:
Stored size: 1.22 KB
Contents
<style>
.image-error:before {
content: "Sorry, the image below seems to be broken.";
display: block;
margin-bottom: 10px;
}
.image-error {
margin: 5px;
padding: 5px;
outline: 1px solid red;
}
</style>
<%= pb_rails("body",
props: {
text: "Handle when an image fails to load or a broken link is passed. This is not neccessary most of the time."
}
) %>
<br>
<br>
<%= pb_rails("body",
props: {
text: "Alter the display when the image fails to load:"
}
) %>
<%= pb_rails("image",
props: {
alt: "This is the alt text!",
on_error: "this.style.color = 'red'",
rounded: true,
size: "xs",
url: "not_a_picture"
}
) %>
<br>
<br>
<%= pb_rails("body",
props: {
text: "Give it an error class:"
}
) %>
<%= pb_rails("image",
props: {
alt: "This is the alt text!",
on_error: "this.classList.add('image-error')",
padding_x: "none",
rounded: true,
size: "xs",
url: "not_a_picture"
}
) %>
<br>
<br>
<%= pb_rails("body",
props: {
text: "Or hide it completely:"
}
) %>
<%= pb_rails("image",
props: {
alt: "This is the alt text!",
on_error: "this.style.display = 'none'",
rounded: true,
size: "xs",
url: "not_a_picture",
}
) %>
Version data entries
1,604 entries across 1,604 versions & 2 rubygems