This topic contains 2 replies, has 2 voices, and was last updated by pepe 7 years ago.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.
jQuery UI Widgets › Forums › Dialogs and Notifications › Window › background color in window without header
Tagged: backgroupd, content, Header, hide header, jqxwindow, window hide header
This topic contains 2 replies, has 2 voices, and was last updated by pepe 7 years ago.
283/5000
Good night, I have a window and I want the header not to be visible and apply a background color. In the example that I attached
– The header disappears
– Background color is applied
But the bottom part does not apply the background color. Is there any way to solve that?
A greeting.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html lang=”en”>
<head>
<title>jQuery Window CSS Styling Sample</title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css”/>
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxwindow.js”></script>
<style>
#hdr{
display:none;
}
#ctn{
background-color:#690;
}
</style>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#jqxwindow “).jqxWindow({
height:300,
width: 400,
resizable: false,
position: ‘center, center’,
});
});
</script>
</head>
<body>
<div id=’content’>
<div id=’jqxwindow’>
<div id=”hdr”>Header</div>
<div id=”ctn”>Content</div>
</div>
</div>
</body>
</html>
Hello pepe,
Take a look at this example: Link
I used css comands instead of the id’s.
Best Regards,
Stanislav
jQWidgets Team
http://www.jqwidgets.com/
thank you very much, perfect the example
You must be logged in to reply to this topic.