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

Float Layout Style Border

1 Answer 69 Views
ListView
This is a migrated thread and some comments may be shown as answers.
GDPR_erased
Top achievements
Rank 1
GDPR_erased asked on 28 Jan 2014, 11:11 AM
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>
            </div>
        </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>
        </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>
        </div>
    </EmptyDataTemplate>
</telerik:RadListView>

1 Answer, 1 is accepted

Sort by
0
GDPR_erased
Top achievements
Rank 1
answered on 29 Jan 2014, 07:05 PM
Never mind, I figured it out.
Tags
ListView
Asked by
GDPR_erased
Top achievements
Rank 1
Answers by
GDPR_erased
Top achievements
Rank 1
Share this question
or