Important Update: Community URLs redirect issues are partially resolved. Learn More. .
2021-08-18 09:55 AM - edited 2021-08-18 09:56 AM
Hi
I have a custom object that displays if a DDE criterion is met.
The Problem - The code is pushing the entire record layout over to the right side, I think it is because of the padding attributes - see below image
My Code
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
margin-bottom: 15px;
padding: 4px 12px;
}
.warning {
background-color: #ffffcc;
border-left:solid #ffeb3b;
}
</style>
</head>
<body>
<div class="warning">
<p><strong>Warning!</strong> Some text...</p>
</div>
</body>
</html>
If I remove the this piece of code the problem goes away, but my warning message formatting is compromised:
div {
margin-bottom: 15px;
padding: 4px 12px;
}
is there a way to keep the formatting of my message while not breaking the layout of the record?
2021-08-18 10:03 AM - edited 2021-08-18 10:05 AM
@conorchaney, drop the <!DOCTYPE html>, <html>, <head>, <meta> and <body> tags. They are not needed in custom objects.
Try changing the div to span.
Advisory Consultant
2021-08-18 10:03 AM - edited 2021-08-18 10:05 AM
@conorchaney, drop the <!DOCTYPE html>, <html>, <head>, <meta> and <body> tags. They are not needed in custom objects.
Try changing the div to span.
Advisory Consultant