<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
body
{
font-size: 12px;
font-family: "segoe ui" ,arial,sans-serif;
overflow: hidden;
}
.LabelEnabled
{
color: Black !important;
}
.LabelDisabled
{
color: Gray !important;
}
.riTextBox
{
color: Black !important;
}
.RadForm_Web20.rfdFieldset legend
{
color: #6788be;
}
.rwTable
{
height: 337px;
}
#TabLeftSide
{
float: left;
}
#TabRightSide
{
float: right;
padding-right: 55px;
}
#TabButton
{
text-align: left;
padding-top: 2px;
}
#BottomButton
{
margin-top: 10px;
margin-left: 170px;
}
#TabProperties
{
height: 112px;
width: 380px;
padding-right: 10px;
}
#RefreshArea
{
padding: 2px;
}
#RefreshLeftSide
{
text-align: center;
float: left;
clear: none;
margin-top: 3px;
}
#RefreshRightSide
{
text-align: center;
float: left;
clear: none;
margin-left: 5px;
}
#CycleArea
{
padding: 2px;
}
#CycleLeftSide
{
text-align: center;
float: left;
clear: none;
margin-top: 3px;
}
#CycleRightSide
{
text-align: center;
float: left;
clear: none;
margin-left: 13px;
}
/* IE 7/8 fixes */
.rfdRoundedWrapper_fieldset
{
display: block\9 !important;
}
#RefreshArea, #TabPropertiesArea, #CycleArea
{
overflow: auto;
margin: 3px 5px 5px 5px\9;
}
/* makes IE9 works back to normal modern browsers */
._Telerik_IE9 #RefreshArea, ._Telerik_IE9 #TabPropertiesArea, ._Telerik_IE9 #CycleArea
{
padding: 0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"
Skin="Web20" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="CheckBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadNumericTextBox1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadListBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadListBox1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadButton1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadListBox1" />
<telerik:AjaxUpdatedControl ControlID="RadTextBox1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="CheckBox4">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadNumericTextBox2" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
var radListBox1ID = "<%= RadListBox1.ClientID %>";
var radTextBox1ID = "<%= RadTextBox1.ClientID %>";
var radButton1ID = "<%= RadButton1.ClientID %>";
var radNumericTextBox1ID = "<%= RadNumericTextBox1.ClientID %>";
var radNumericTextBox2ID = "<%= RadNumericTextBox2.ClientID %>";
var checkBox1ID = "<%= CheckBox1.ClientID %>";
var checkBox4ID = "<%= CheckBox4.ClientID %>";
var ajaxManagerID = "<%= RadAjaxManager1.ClientID %>";
function OnClientLoad() {
}
function OnClientSelectedIndexChanged() {
}
function OnButtonClicked() {
}
</script>
</telerik:RadCodeBlock>
<fieldset id="RefreshProperties">
<legend>Refresh Settings</legend>
<div id="RefreshArea">
<div id="RefreshLeftSide">
Auto-Refresh Enabled:
<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" />
</div>
<div id="RefreshRightSide">
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Label="Auto-Refresh Interval (Minutes):"
MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False"
LabelCssClass="riLabel LabelDisabled" DataType="System.Int32">
<NumberFormat DecimalDigits="0" AllowRounding="False" />
</telerik:RadNumericTextBox>
</div>
</div>
</fieldset>
<fieldset id="TabProperties" style="height: auto;">
<legend>Tab Settings</legend>
<div id="TabPropertiesArea">
<div id="TabLeftSide">
<telerik:RadListBox ID="RadListBox1" runat="server" AllowDelete="True" AllowReorder="True"
EnableDragAndDrop="True" Skin="Web20" Height="95px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged"
Width="150px" OnClientLoad="OnClientLoad" />
</div>
<div id="TabRightSide" onclick='OnClientMouseClick("notbody")'>
<telerik:RadTextBox ID="RadTextBox1" runat="server" EmptyMessage="Enter tab name"
Skin="Web20" Width="150px" />
<div id="TabButton">
<telerik:RadButton ID="RadButton1" runat="server" Skin="Web20" Text="Add Tab" OnClientClicked="OnButtonClicked"
AutoPostBack="False">
</telerik:RadButton>
</div>
</div>
</div>
</fieldset>
<fieldset id="CycleProperties">
<legend>Tab Cycle Settings</legend>
<div id="CycleArea">
<div id="CycleLeftSide">
Auto-Cycle Enabled:
<asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" />
</div>
<div id="CycleRightSide">
<telerik:RadNumericTextBox ID="RadNumericTextBox2" runat="server" Label="Auto-Cycle Interval (Minutes):"
MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False"
LabelCssClass="riLabel LabelDisabled" DataType="System.Int32">
<NumberFormat DecimalDigits="0" AllowRounding="False" />
</telerik:RadNumericTextBox>
</div>
</div>
</fieldset>
<div id="BottomButton">
<telerik:RadButton ID="RadButton2" runat="server" Skin="Web20" Text="Apply" />
</div>
</form>
</body>
</html>
When you have floated elements, their main wrapping element sometimes loses its height.