zoho creator widget not filling container
i created a zoho widget that just fills the container viewport a simple html file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
html,
body {
margin: 0;
height: 100%;
}
.div1 {
height: 100vh !important; /* Ensure it takes full viewport height */
display: flex; /* Flexbox for better layout control */
width: 100vw;
background-color: red;
}
.div2 {
height: 100% !important;
width: 100% !important;
background-color: yellow !important;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2"></div>
</div>
</body>
</html>
the problem is that the container height is 1100 px but my code is only filling 700px eventhough i stated it to be the full viewport lentgh.
as u can see i provided the container not being fully filled. the line height for the widget is set to auto but if i set it to custom and then i set the height to 1102 px as the container height only then it fills the viewport.
Access your files securely from anywhere
Zoho Developer Community
Deliver unforgettable customer experiences
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
Zoho Desk Resources
-
Desk Community Learning Series
-
-
-
-
-
-
-
-
-
Zoho TeamInbox Resources
Zoho DataPrep Resources
Zoho CRM Plus Resources
Zoho Books Resources
Zoho Subscriptions Resources
Zoho Projects Resources
Zoho Sprints Resources
Qntrl Resources
Zoho Creator Resources
Zoho Campaigns Resources
Zoho CRM Resources
Zoho Show Resources
Writer Get Started. Write Away!
Writer is a powerful online word processor, designed for collaborative work.