Sha256: 46cc44e7c9196367faeae0e6254f7aea0a9bd6fac5eb62c10d0dfecd036dac22
Contents?: true
Size: 1.2 KB
Versions: 130
Compression:
Stored size: 1.2 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')",
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
130 entries across 130 versions & 1 rubygems