Float Layout Style Border

2 posts, 0 answers
  1. Bill
    Bill avatar
    94 posts
    Member since:
    Aug 2006

    Posted 28 Jan 2014 Link to this post

    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>

  2. Bill
    Bill avatar
    94 posts
    Member since:
    Aug 2006

    Posted 29 Jan 2014 in reply to Bill Link to this post

    Never mind, I figured it out.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top