This is a migrated thread and some comments may be shown as answers.

[Solved] Float Layout Style Border

1 Answer 136 Views

ListView

This is a migrated thread and some comments may be shown as answers.

GDPR_erased asked on 28 Jan 2014, 11:11 AM

radlistview.jpg

I'm still having trouble figuring out how to manage the style for the listview control.
I'm using the built in float layout, but I want to REMOVE the box border. Could someone give me a little help?
See image, but I'm building a list of gauges and I want a clean look without the borders. I have read thru all the examples, but sill cannot over ride the style.
Thanks anyone!

<telerik:RadListView ID="radlvGuages" runat="server" ItemPlaceholderID="ProductItemContainer" Width="100%" AllowPaging="true" PageSize="12">

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_Default">

<div class="rlvFloated">

<div id="ProductItemContainer" runat="server">

</div>

<br />

<div style="clear: both">

</div>

<div>

<div style="float: left; margin-left: 20%;">

<asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"

Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>"></asp:Button>

<asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"

Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>"></asp:Button>

<span style="vertical-align: middle; line-height: 22px; display: inline-block;">Page

<%#Container.CurrentPageIndex + 1 %>

of

<%#Container.PageCount %></span>

<asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"

Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>"></asp:Button>

<asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"

Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>"></asp:Button>

</div>

<div>

<span style="vertical-align: middle; font-weight: bold; line-height: 22px; padding-left: 5px;">Page Size:</span>

<telerik:RadComboBox runat="server" ID="cmbPageSize" OnSelectedIndexChanged="cmbPageSize_SelectedIndexChanged"

AutoPostBack="true" Width="60px" SelectedValue="<%#Container.PageSize %>">

<Items>

<telerik:RadComboBoxItem Text="6" Value="6"></telerik:RadComboBoxItem>

<telerik:RadComboBoxItem Text="12" Value="12"></telerik:RadComboBoxItem>

<telerik:RadComboBoxItem Text="24" Value="24"></telerik:RadComboBoxItem>

<telerik:RadComboBoxItem Text="36" Value="36"></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

</div>

</LayoutTemplate>

<ItemTemplate>

<div class="rlvI">

<table style="width: 100%;">

<tr>

<td style="text-align: center; font-size: x-small;">

<telerik:RadRadialGauge runat="server" ID="radGuageDash" Width="150px" Height="150px">

<Pointer>

<Cap Size="0.12" />

</Pointer>

<Scale Min="0" Max="200" MajorUnit="50">

<Labels Position="Inside" Visible="False" />

<Ranges>

<telerik:GaugeRange Color="#c20000" From="0" To="50" />

<telerik:GaugeRange Color="#ffc700" From="50" To="100" />

<telerik:GaugeRange Color="#8dcb2a" From="100" To="200" />

</Ranges>

</Scale>

</telerik:RadRadialGauge>

<%#Eval("TotalObjectivesMade")%> out of <%#Eval("ObjectiveCount")%> Objectives<br />

<%#Eval("Provider")%>

</td>

</tr>

</table>

</div>

</ItemTemplate>

<EmptyDataTemplate>

<div class="RadListView RadListView_Default">

<div class="rlvEmpty">

There are no items to be displayed.

</div>

</EmptyDataTemplate>

</telerik:RadListView>

[Solved] Float Layout Style Border

1 Answer, 1 is accepted