User1137322238 posted
The goal: simply place two controls in a horizontal line, within a DIV.
I've tried ...everything: clearly I'm not getting how it works..
I'm using asp.net in VS.NET 2019, & a css page
Ideally, I want two gauges side by side in a DIV.
Currently, here's the code:
.GaugeuserCount {
}
.GaugeP21Emails {
float: right;
;
top: 0px;
height: 100px;
width: 100px;
}
.gaugeDiv {
;
width:300px;
height:150px;
border:3px solid green;
}
<div id="gaugeDiv" runat="server" class="gaugeDiv">
<telerik:RadRadialGauge ID="GaugeuserCount" runat="server" Scale-MinorUnit="1" Width="150px" Height="150px" Scale-Min="0" BorderColor="#CC9900" Scale-MinorTicks-Color="SteelBlue" Scale-MajorTicks-Color="SteelBlue" Scale-MajorTicks-Size="18" CssClass="GaugeuserCount"></telerik:RadRadialGauge>
<telerik:RadRadialGauge ID="GaugeP21Emails" runat="server" Scale-MinorUnit="1" Scale-Min="0" BorderColor="#CC9900" Scale-MinorTicks-Color="SteelBlue" Scale-MajorTicks-Color="SteelBlue" Scale-MajorTicks-Size="18" CssClass="GaugeP21Emails"></telerik:RadRadialGauge>
</div>
And here's what it looks like(Firefox on Windows 10):
