Is there a Theme Gallery from other users so we dont have to reinvent the wheel.

Is there any centralized location of User Submissions on themes developed in Visual Style Builder?

Hi,

I am using TreeView inside a fixed-size Div on one of my aspx pages. Whenever there are more nodes that exceed the fixed hieght, the treeview appears with vertical scrollbars.

When I click on one button, it opens(Expands) the corresponding file with highlighed in the treeview. But file is not visible and you have to scroll down to find it. Is there any way to show selected highlited Node in the treeview by default, without scroling down or up?

Thanks, Malli

Hi,
 I am using RadCalendar contron in my project (VS 2005, Windows 7 OS and IIS 7.5 and IIS 6). I have updatedas per your suggested ways. I have gonethrough all the forums related to 'telerik' is undefined error. Also tried all the ways. Finally i found one solution. But its bit not suit for my requirement. Problem caused due to the

EnableEmbeddedScripts

 

="false"

 

 If i set it true then there is no issue. But on mouse over and click events color changes are not working as i change in the client side.

<

 

telerik:RadCalendar ID="calCurrentMonth" FirstDayOfWeek="Sunday" DayNameFormat="Short"

 

 

runat="server" ShowRowHeaders="False" EnableEmbeddedScripts="false" EnableEmbeddedBaseStylesheet="False"

 

 

EnableEmbeddedSkins="False" EnableViewState="true" EnableMultiSelect="false"

 

 

Skin="Custom">

 

 

</telerik:RadCalendar>

 

I have consumed 2 more days already. but no luck. so please provide me a solution.

Thank you,
Kevin.

Hello experts,

How to expand the parent node by using the child node information? I did the checking in itemdatabound and want to expand the parent node when the child one meet my criteria.

Thanks,

I am having issues with the position of a rad tool tip. No matter what positioning properties I set, it is always in the same spot. The problem is this spot in IE is off of the page so you can never click the submit button. I can't give you a link because it is on the administrative site of a page. However here is a link to an image file of what the page looks like. Here is what the page looks like before you click the Add Drawing button http://cs.unk.edu/~andrewsmd/ieBefore.png and after you click on the Add Drawing button http://cs.unk.edu/~andrewsmd/ieAfter.png . Here is the code in the page.

<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.Master"
    Theme="MainTheme" CodeBehind="Product.aspx.vb" Inherits="devOrthman.Product"
    Title="Product Page" ValidateRequest="false" %>

<%@ Register Assembly="Validators" Namespace="Sample.Web.UI.Compatibility" TagPrefix="cc1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="SPIWebControls" Namespace="SPI.SecureObjects" TagPrefix="spi" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <script type="text/javascript">

        function validateManualRadUpload(source, arguments) {
            arguments.IsValid = $find('ctl00_ContentPlaceHolder1_manualRadUpload').validateExtensions();
        }

        function validateImageRadUpload(source, arguments) {
            arguments.IsValid = $find('ctl00_ContentPlaceHolder1_ImageRadUpload').validateExtensions();
        }

        function validatePDFRadUpload(source, arguments) {
            var upload = $find('ctl00_ContentPlaceHolder1_DrawingPDFRadUpload')
            if (upload.validateExtensions()) {
                var fileInputs = upload.getFileInputs();
                for (var i = 0; i < fileInputs.length; i++) {
                    if (fileInputs[i].value && fileInputs[i].value.length > 0) {
                        arguments.IsValid = true;
                    }
                    else {
                        arguments.IsValid = false;
                    }
                }
            }
            else {
                arguments.IsValid = false;
            }
        }
        function validatePartsRadUpload(source, arguments) {
            var upload = $find('ctl00_ContentPlaceHolder1_PartsRadUpload')
            if (upload.validateExtensions()) {
                var fileInputs = upload.getFileInputs();
                for (var i = 0; i < fileInputs.length; i++) {
                    if (fileInputs[i].value && fileInputs[i].value.length > 0) {
                        arguments.IsValid = true;
                    }
                    else {
                        arguments.IsValid = false;
                    }
                }
            }
            else {
                arguments.IsValid = false;
            }
        }
 
    </script>

    <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="SubmitDrawingButton">
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <br />
    <table cellspacing="7">
        <tr>
            <td valign="top" align="right" class="H2Internal" style="width: 82px">
                Name:
            </td>
            <td style="width: 424px">
                <telerik:RadTextBox ID="NameTextBox" runat="server" EmptyMessage="Product Name" Skin="Vista"
                    BorderColor="#B1CABA" BorderStyle="Solid" BorderWidth="1px" CssClass="H3Internal">
                    <EmptyMessageStyle Font-Italic="True" />
                    <HoveredStyle CssClass="h3Internal" />
                </telerik:RadTextBox>
                &nbsp;<cc1:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="NameTextBox"
                    ErrorMessage="Product Name is Required." ValidationGroup="ProductValidation"
                    CssClass="H3Internal"></cc1:RequiredFieldValidator>&nbsp;
                <spi:SPIValidator ID="SPIValidator1" runat="server" AllowPattern="[\s\x21-\x7E\xA0-\xFF]*"
                    ControlToValidate="NameTextBox" Display="Static" DenyPattern="All" ErrorMessage="*"
                    MaxLength="75" ReplacePattern="$0" IgnoreCase="True" ValidationGroup="ProductValidation"></spi:SPIValidator>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top" class="H2Internal" style="width: 82px">
                Product Line:
            </td>
            <td style="width: 424px">
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet"
                    EnableHistory="True" LoadingPanelID="RadAjaxLoadingPanel1">
                    <telerik:RadTreeView ID="RadTreeView1" runat="server" DataFieldID="CategoryId" DataSourceID="CategoriesSqlDataSource"
                        ValidationGroup="categoryValidation" Skin="Vista" DataTextField="Name" LoadingStatusPosition="BeforeNodeText"
                        Height="120px" OnDataBound="selectFirstNode" OnNodeClick="getNodeValue" DataFieldParentID="ParentId"
                        DataValueField="categoryID" BorderColor="#B1CABA" BorderStyle="Solid" BorderWidth="1px"
                        CausesValidation="False">
                        <CollapseAnimation Duration="100" Type="OutQuint" />
                        <ExpandAnimation Duration="100" />
                    </telerik:RadTreeView>
                </telerik:RadAjaxPanel>
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
                    MinDisplayTime="1000" Transparency="30" Width="75px" BackColor="LightGray">
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                        style="border: 0px;" />
                </telerik:RadAjaxLoadingPanel>
            </td>
        </tr>
        <tr>
            <td valign="top" align="right" style="height: 131px; width: 82px;" class="H2Internal">
                Description:
            </td>
            <td valign="top" style="height: 131px; width: 424px;">
                <asp:TextBox ID="descriptionTextBox" runat="server" TextMode="MultiLine" Rows="5"
                    Columns="50" MaxLength="250" BorderColor="#B1CABA" BorderStyle="Solid" BorderWidth="1px"
                    CssClass="H3Internal"></asp:TextBox><br />
                <cc1:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="descriptionTextBox"
                    ErrorMessage="Product Description is Required." ValidationGroup="ProductValidation"
                    CssClass="H3Internal"></cc1:RequiredFieldValidator>
                <br />
                <telerik:RadSpell ID="spell1" runat="server" ControlToCheck="descriptionTextBox"
                    DictionaryPath="~/App_Data" ButtonType="PushButton" Skin="Vista" SpellCheckProvider="TelerikProvider" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="top" class="H2Internal" style="width: 82px">
                Manual:
            </td>
            <td valign="top" style="width: 424px;">
                <telerik:RadUpload ID="manualRadUpload" runat="server" Skin="Vista" AllowedFileExtensions=".pdf,.doc"
                    ControlObjectsVisibility="ClearButtons" ReadOnlyFileInputs="True" BorderStyle="Solid"
                    BorderWidth="1px" BorderColor="White" />
                <asp:HyperLink ID="ManualHyperLink" runat="server" BorderColor="#B1CABA" BorderStyle="Solid"
                    BorderWidth="1px">[ManualHyperLink]</asp:HyperLink>&nbsp;
                <asp:Button ID="deleteManualButton" runat="server" Text="Delete" CausesValidation="False" />
                <br />
                <asp:CustomValidator ID="manualCustomValidator" runat="server" ClientValidationFunction="validateManualRadUpload"
                    Display="Dynamic" ErrorMessage="Invalid file extension." ValidationGroup="ProductValidation"
                    CssClass="H3Internal"></asp:CustomValidator>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top" class="H2Internal" style="width: 82px">
                Image:
            </td>
            <td valign="top" style="width: 424px">
                <asp:Panel ID="ImageUploadPanel" runat="server">
                    <telerik:RadUpload ID="ImageRadUpload" runat="server" AllowedFileExtensions=".jpeg,.jpg"
                        ControlObjectsVisibility="ClearButtons" ReadOnlyFileInputs="True" Skin="Vista"
                        BorderStyle="Solid" BorderWidth="1px" BorderColor="White" />
                    <br />
                    <asp:CustomValidator ID="imageCustomValidator" runat="server" ClientValidationFunction="validateImageRadUpload"
                        Display="Dynamic" ErrorMessage="Invalid file extension." ValidationGroup="ProductValidation"
                        CssClass="H3Internal"></asp:CustomValidator>
                </asp:Panel>
                <asp:Panel ID="ImagePanel" runat="server">
                    <asp:Image ID="ProductImage" runat="server" Height="125px" Width="125px" />
                    <br />
                    <asp:Button ID="deleteButton" runat="server" Text="Delete" CausesValidation="False" /></asp:Panel>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top" style="width: 82px">
            </td>
            <td style="width: 424px">
                <p>
                    &nbsp;<telerik:RadGrid ID="drawingsGrid" runat="server" AllowPaging="True" GridLines="None"
                        DataSourceID="drawingsSqlDataSource" AutoGenerateColumns="False" Skin="Telerik">
                        <MasterTableView DataKeyNames="drawingId,productId,pathToPDF" AllowAutomaticDeletes="True"
                            DataSourceID="drawingsSqlDataSource">
                            <RowIndicatorColumn Visible="False">
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </RowIndicatorColumn>
                            <ExpandCollapseColumn Visible="False" Resizable="False">
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name"
                                    UniqueName="Name">
                                    <HeaderStyle ForeColor="#336600" Height="23px" Width="200px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridButtonColumn ConfirmText="Are you sure you want to delete this drawing? "
                                    CommandName="Delete" Text="Delete" UniqueName="columnDelete">
                                    <HeaderStyle ForeColor="White" Height="23px" Width="50px" />
                                    <ItemStyle BorderWidth="1px" />
                                </telerik:GridButtonColumn>
                            </Columns>
                            <EditFormSettings>
                                <PopUpSettings ScrollBars="None" Width="200px" Height="200px" />
                            </EditFormSettings>
                        </MasterTableView>
                        <HeaderStyle ForeColor="#336600" />
                    </telerik:RadGrid>
                </p>
                <p>
                    <asp:Button ID="AddDrawingButton" runat="server" Text="Add Drawing" UseSubmitBehavior="false"
                        ValidationGroup="ProductValidation" />&nbsp;
                </p>
                <telerik:RadToolTip ID="drawingsToolTip" runat="server" Skin="Default2006" ManualClose="True"
                    Position="TopCenter" RelativeTo="BrowserWindow" ShowEvent="FromCode" Animation="None"
                    ShowDelay="200" Title="Add a Drawing" Modal="True" BorderStyle="Solid" BorderWidth="1px"
                    Font-Bold="True" Font-Size="Medium" ForeColor="Blue">
                    <table cellspacing="7">
                        <tr>
                            <td valign="top" align="right" class="H2Internal">
                                Name:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="DrawingTextBox" runat="server" EmptyMessage="Drawing Name"
                                    Skin="Vista" ValidationGroup="drawingValidation" EnableViewState="False" MaxLength="75">
                                    <EmptyMessageStyle Font-Italic="True" />
                                </telerik:RadTextBox>
                                &nbsp;<cc1:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="DrawingTextBox"
                                    ErrorMessage="Drawing Name is Required." ValidationGroup="drawingValidation"
                                    CssClass="H3Internal"></cc1:RequiredFieldValidator>&nbsp;
                                <spi:SPIValidator ID="SPIValidator3" runat="server" AllowPattern="[\s\x21-\x7E\xA0-\xFF]*"
                                    ControlToValidate="DrawingTextBox" Display="None" DenyPattern="All" ErrorMessage="*"
                                    MaxLength="75" ReplacePattern="$0" IgnoreCase="True" ValidationGroup="drawingValidation"></spi:SPIValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" valign="top" class="H2Internal">
                                Overview:
                            </td>
                            <td valign="top">
                                <asp:TextBox ID="DrawingOverviewTextBox" runat="server" Height="100px" TextMode="MultiLine"
                                    Width="250px" CssClass="H3Internal"></asp:TextBox><br />
                                <spi:SPIValidator ID="SPIValidator4" runat="server" AllowPattern="[\s\x21-\x7E\xA0-\xFF]*"
                                    ControlToValidate="DrawingOverviewTextBox" DenyPattern="All" Display="None" ErrorMessage="*"
                                    IgnoreCase="True" MaxLength="75" ReplacePattern="$0" ValidationGroup="drawingValidation"></spi:SPIValidator>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top" class="H2Internal">
                                PDF File:
                            </td>
                            <td>
                                <telerik:RadUpload ID="DrawingPDFRadUpload" runat="server" ControlObjectsVisibility="ClearButtons"
                                    Skin="Vista" ReadOnlyFileInputs="True" AllowedFileExtensions=".pdf"></telerik:RadUpload>
                                <br />
                                <asp:CustomValidator ID="PDFCustomValidator" runat="server" ClientValidationFunction="validatePDFRadUpload"
                                    Display="Dynamic" ErrorMessage="Invalid file extension." CssClass="H3Internal"></asp:CustomValidator>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top" class="H2Internal">
                                Parts Excel File:
                            </td>
                            <td>
                                <telerik:RadUpload ID="PartsRadUpload" runat="server" AllowedFileExtensions=".xls"
                                    ControlObjectsVisibility="ClearButtons" Skin="Vista" ReadOnlyFileInputs="True">
                                </telerik:RadUpload>
                                <br />
                                <asp:CustomValidator ID="PartsCustomValidator" runat="server" ClientValidationFunction="validatePartsRadUpload"
                                    Display="Dynamic" ErrorMessage="Invalid file extension." CssClass="H3Internal"></asp:CustomValidator>
                            </td>
                        </tr>
                    </table>
                    <asp:Button ID="SubmitDrawingButton" runat="server" Text="Submit" />
                    </telerik:RadToolTip>
                <asp:SqlDataSource ID="drawingsSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:orthmanConnectionString %>"
                    SelectCommand="getDrawings" SelectCommandType="StoredProcedure" InsertCommand="addDrawing"
                    InsertCommandType="StoredProcedure" DeleteCommandType="StoredProcedure" DeleteCommand="deleteDrawing"
                    OnDeleted="On_Record_Deleted">
                    <SelectParameters>
                        <asp:Parameter Name="ProductId" Type="Int32" DefaultValue="0" />
                    </SelectParameters>
                    <InsertParameters>
                        <asp:ControlParameter ControlID="DrawingTextBox" Name="Name" PropertyName="Text"
                            Type="String" />
                        <asp:ControlParameter ControlID="DrawingOverviewTextBox" Name="OverviewText" PropertyName="Text"
                            Type="String" />
                        <asp:Parameter DefaultValue="0" Name="productID" Type="Int16" />
                        <asp:Parameter Name="PathToPDF" Type="String" />
                        <asp:Parameter Name="sourceFile" Type="String" />
                    </InsertParameters>
                </asp:SqlDataSource>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top" style="width: 82px">
            </td>
            <td style="width: 424px">
                <telerik:RadProgressManager ID="RadProgressManager1" runat="server" Skin="Vista" />
                <br />
                <telerik:RadProgressArea ID="RadProgressArea1" runat="server" DisplayCancelButton="True"
                    Skin="Vista">
                </telerik:RadProgressArea>
            </td>
        </tr>
        <tr>
            <td valign="top" align="right" style="width: 82px">
            </td>
            <td style="width: 424px">
                <asp:Button ID="AddButton" runat="server" Text="Add" ValidationGroup="ProductValidation" />
                <asp:Button ID="updateButton" runat="server" Text="Update" Visible="False" ValidationGroup="ProductValidation" />
                <asp:Button ID="cancelButton" runat="server" Text="Cancel" CausesValidation="False" />
            </td>
        </tr>
    </table>
    <asp:Label ID="msgLabel" runat="server"></asp:Label>&nbsp;<br />
    <br />
    <asp:SqlDataSource ID="CategoriesSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:orthmanConnectionString %>"
        SelectCommand="getCategories" SelectCommandType="StoredProcedure" InsertCommand="addProduct"
        InsertCommandType="StoredProcedure" UpdateCommand="UpdateProduct" UpdateCommandType="StoredProcedure">
        <InsertParameters>
            <asp:Parameter DefaultValue="0" Name="CategoryId" Type="Int32" />
            <asp:ControlParameter ControlID="NameTextBox" DefaultValue="No Name!!" Name="Name"
                PropertyName="Text" Type="String" />
            <asp:Parameter DefaultValue="No Description Provided!!!" Name="Description" Type="String" />
            <asp:Parameter DefaultValue="" Name="PathToManual" Type="String" />
            <asp:Parameter DefaultValue="" Name="ImageURL" Type="String" />
            <asp:Parameter Direction="Output" Name="NewProductID" Type="Int32" />
        </InsertParameters>
        <UpdateParameters>
            <asp:QueryStringParameter Name="ProductId" QueryStringField="ID" Type="Int32" />
            <asp:ControlParameter ControlID="NameTextBox" Name="Name" PropertyName="Text" Type="String" />
            <asp:ControlParameter ControlID="descriptionTextBox" Name="Description" PropertyName="Text"
                Type="String" />
            <asp:Parameter DefaultValue="" Name="ImageURL" Type="String" />
            <asp:Parameter DefaultValue="" Name="PathToManual" Type="String" />
            <asp:Parameter DefaultValue="0" Name="CategoryId" Type="Int32" />
        </UpdateParameters>
    </asp:SqlDataSource>
</asp:Content>

 Also note, I tried moving the tool tip within the page source to no avail.

Here is the master page that the page is in

<%@ Master Language="VB" AutoEventWireup="false" Codebehind="MasterPage.master.vb"
    Inherits="devOrthman.MasterPage" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html style="height: 100%">
<head id="Head1" runat="server">
    <link href="App_Themes/MainTheme/MySkin/TreeView.MySkin.css" rel="stylesheet" type="text/css" />
    <link href="App_Themes/MainTheme/MainStyles.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin: 0px; height: 100%; overflow: hidden;" scroll="no">
    <form id="Form1" method="post" runat="server" style="height: 100%">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%"
            Height="100%">
            <telerik:RadPane ID="LeftRadPane1" runat="server" Width="180px" MinWidth="180" Scrolling="Both"
                BackColor="#004416" CssClass="MainMenuRepeater">
                <div class="TopMenu">
                    &nbsp;&nbsp;<br />
                    &nbsp; &nbsp;
                    <br />
                    &nbsp;&nbsp; Select a Product
                </div>
                <div>
                    <asp:Image ID="LeftBarTopImage" runat="server" ImageUrl="~/App_Themes/Images/MasterMenuImage.jpg" />
                </div>
                <div>
                    <telerik:RadTreeView ID="RadTreeView1" runat="server" EnableEmbeddedSkins="False"
                         Skin="MySkin" ShowLineImages="False"
                        LoadingStatusPosition="BelowNodeText" DataSourceID ="SqlDataSource1" DataFieldID ="NodeId" DataFieldParentID = "NodeParentId"  DataTextField ="NodeText" DataValueField = "NodeId">
                        <CollapseAnimation Duration="100" Type="OutQuint" />
                        <ExpandAnimation Duration="100" />
                    </telerik:RadTreeView>
                    <asp:SqlDataSource ID="SqlDataSource1" runat="server"  ConnectionString="<%$ ConnectionStrings:orthmanConnectionString %>"
                     SelectCommandType = "StoredProcedure"  SelectCommand ="getAllItems">
                    </asp:SqlDataSource>
                </div>
            </telerik:RadPane>
            <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" />
            <telerik:RadPane ID="RightRadPane1" runat="server" BackColor="#b1caba" CssClass="RightPanelPadding"
                Scrolling="Both">
                <div id="MasterPageHeading">
                    <table width="817" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="223" valign="top" align="right">
                         <a href="http://orthman.com/" target="_blank">  <asp:Image ID="Orthman" runat="server" ImageUrl="~/App_Themes/Images/OrthmanHomeLink.png" /></a>
</td>
                            <td valign="bottom" align="right">
                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br />
                                &nbsp; &nbsp;
                                <asp:HyperLink ID="HyperLink1" runat="server" CssClass="MaterPageHeadingLinks" NavigateUrl="~/Cart/viewCart.aspx" >View Cart</asp:HyperLink><asp:HyperLink
                                    ID="HyperLink3" runat="server" CssClass="MaterPageHeadingLinks" NavigateUrl ="~/admin/editProfile.aspx">Edit Profile</asp:HyperLink>&nbsp;
                                <asp:LoginStatus ID="LoginStatus1" runat="server" CssClass="MaterPageHeadingLinks"
                                   />
                                <asp:HyperLink ID="HyperLink4" runat="server" CssClass="MaterPageHeadingLinks" NavigateUrl="~/default.aspx">Home</asp:HyperLink>
                                &nbsp;&nbsp; &nbsp;</td>
                            <td align="right" valign="bottom">
                            </td>
                        </tr>
                    </table>
                </div>
                <table width="806" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                            <div id="ContentTop">
                                <table width="800" border="0" cellspacing="0" cellpadding="10">
                                    <tr>
                                        <td width="349" valign="middle">
                                            <asp:Label ID="TitleLabel" runat="server" CssClass="H2"></asp:Label></td>
                                        <td width="431" valign="middle" align="right">
                                            <span class="H2">Search by Part Number:</span>&nbsp;&nbsp;&nbsp;
                                            <telerik:RadComboBox ID="RadSearchComboBox" runat="server" Width="200px" Height="150px"
                                                AllowCustomText="True" ShowToggleImage="False" ShowMoreResultsBox="true"
                                                EnableLoadOnDemand="True" Skin ="Telerik"
                                                MarkFirstMatch="False" OnItemsRequested="loadSearch"
                                                EnableVirtualScrolling="true" EmptyMessage="Enter Part Number"  >
                                                <CollapseAnimation Duration="200" Type="OutQuint" />
                                            </telerik:RadComboBox>
                                        </td>   
                                        <td>
                                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                                            <asp:Button ID="GoButton" runat="server" Text="Go" CssClass="GoBtn" OnClick ="goSearchClick" UseSubmitBehavior = "false" CausesValidation ="false"  />
                                            </telerik:RadAjaxPanel>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="ContentRepeat">
                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                            </asp:ContentPlaceHolder>
                            <asp:Label ID="msgLabel" runat="server" Text=""></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Image ID="FooterImage" runat="server" ImageUrl="~/App_Themes/Images/ContentHolderBottom.jpg" />
                        </td>
                    </tr>
                </table>
                <table width="90%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                            <div class="Footer" align="center">
                                &#65533; 2008 Orthman Manufacturing Incorporated</div>
                        </td>
                    </tr>
                </table>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </form>
</body>
</html>

here is the MainStyle.css page

/*Master Page-------------------------------
body
{
    background-color:#b1caba;
    margin:0px;
    height:100%;
    overflow:hidden;
}*/
#Content
{
    height:100%;
    width:814px;
}
#editPageDiv{
    
    padding-left:30px;
    padding-top:50px;

}
.editPageColumn{
    padding-bottom:5px;
    padding-right:3px;
}
#Menus
{
    float:left;
    background-color:#004416;
    width:180px;
    height:100%;
}
.Footer
{
    color:#00612c;
    font-family:Arial;
    font-size:10px;    
 
}
#MasterPageHeading
{
    vertical-align:top;
    padding-left:21px;
    padding-top:10px;
    height:57px;
    width:814px;
    vertical-align:middle;
}
#ContentTop
{
   background-image:url(/App_Themes/Images/ContentHolderTop.jpg);
   background-repeat:no-repeat;
   width:806px;
   height:40px;
}

.ContentRepeat
{
   background-image:url(/App_Themes/Images/ContentHolderRepeat.jpg);
   background-repeat:repeat-y;
}

#ContentBottom
{
    background-image:url(/App_Themes/Images/ContentHolderBottom.jpg);
   background-repeat:no-repeat;
   width:806px;
   height:71px;
    background-color:#b1caba;
}

.MaterPageHeadingLinks
{
    font-family:Arial;
    font-size:12px;
    color:White;
    padding-left:15px;
    padding-right:15px;
    text-decoration:underline;

}
.MaterPageHeadingLinks a:hover
{
    font-family:Arial;
    font-size:11px;
    color:#008641;
    padding-left:3px;
    padding-right:3px;
    text-decoration:underline;
}

.TopMenu
{
    background-color:#00612c;
    height:80px;
    color:White;
    font-family:Arial Black;
    font-size:medium;
}
.BottomMenu
{
    background-color:#004416;
    height:500px;
}
.H1
{
    color:White;
    font-family:Arial Black;
    font-size:medium;
}
.H2
{
    color:White;
    font-family:Arial;
    font-size:small;
}
.GoBtn
{
    background-image:url(/App_Themes/Images/GoButton.jpg);
    background-color: black;
    font-size:12px;
    font-family:Arial;
    color:Black;
    border-spacing:0px;
    border-style:none;
    width:36px;
    height:21px;
    padding-bottom:2px;  
}
.OrthmanLogoDkGreen
{
    color:#004416;
    font-family:Arial Black;
    font-size:30px;
    padding-left:10px
}
.OrthmanLogoLtGreen
{
    color:#00612c;
    font-family:Arial;
    font-size:30px;
}
.RightPanelPadding
{
    position: relative;
    padding-left:10px;
}

/* Ent of Master Page-----------------------------------------*/
/* Internal Pages-----------------------------------------*/

.H1Internal
{
    font-family: Arial Black;
    font-size:16px;
    color : #00612c;
    text-decoration:none;
}
   
   .H2Internal
{
    font-family: Arial;
    font-weight: bold;
    font-size:14px;
    color : #00612c;
    text-decoration:none;
 
    
}

   .H3Internal
{
    font-family: Arial;
    font-size:12px;
    color : #00612c;
    text-decoration:none;
}
  .H3Internal a:link
{
    font-family: Arial;
    font-size:12px;
    color : #00612c;
    text-decoration:underline;
}
.H3Internal a:visited
{
    font-family: Arial;
    font-size:12px;
    color : #00612c;
    text-decoration:underline;
}


#HomePageImage
{
    padding-top:0px;
    padding-left:5px;
}

#HomePageText
{
    font-family:Arial;
    font-size:12px;
    color:Gray;
    padding-left:25px;
    padding-right:25px;
    padding-top:5px;
    line-height:1.75em;
}

.ContentPadding
{
    padding-bottom: 25px;
    padding-top:25px;
    padding-left: 25px;
    padding-right: 25px;
}

.MainText
{
     font-family:Arial;
    font-size:12px;
    color:Gray;
    line-height:1.75em;
}
.MainText a:link
{
     font-family:Arial;
    font-size:12px;
    color:Gray;
    line-height:1.75em;
    text-decoration:underline;
}
   
   .DetailsPageBarBackground
   {
    background-image:url(/App_Themes/Images/GreenBar-DetailsPage.jpg);
    width:422px;
    height:41px;
    background-repeat:no-repeat;
   }
   .DetailsBarText
   {
    font-family:Arial;
    font-size:12px;
    color:white;
   }
.TextBoxes{
    
    font-family:Arial;
    font-size:12px;
    color:Gray;
}
/* End of Internal Pages-----------------------------------------*/

Here is the treeveiw.myskin.css
/*

RadTreeView Default skin

* For notes on the CSS class names, please check RadTreeView common skin file *

*/

/* general styles */



.RadTreeView_MySkin
{
    padding-left:10px;
}

.RadTreeView_MySkin .rtLI
{
    padding-top:5px;
    
    padding-bottom:5px;
    /*background:url(TreeView/ItemSelectedBg.gif) repeat-x 0 0;*/
    /*border-top: solid 1px black; */
}


.RadTreeView_MySkin .rtUL .rtSelected
{
    background:silver repeat-x ;
    color: #004417;
    /*border-top: solid 1px black; */
}


.RadTreeView_MySkin .rtUL .rtUL
{
    color:#BCBEC0;
    padding-top:5px;
    padding-bottom:0px;
    font: 13px Arial Black;
}

.RadTreeView_MySkin .rtLast
{
    padding-top:5px;
    padding-bottom:5px;
 /*    border-bottom: solid 1px black; */
}


.RadTreeView_MySkin,
.RadTreeView_MySkin a.rtIn,
.RadTreeView_MySkin .rtEdit .rtIn input
{
    font:13px Arial Black;
    color:White;
    line-height:1.5em;
}

.RadTreeView_MySkin .rtTop,
.RadTreeView_MySkin .rtMid,
.RadTreeView_MySkin .rtBot
{
    padding: 0 0 0 20px;
}

.RadTreeView_MySkin .rtPlus,
.RadTreeView_MySkin .rtMinus
{
    
    margin:4px 6px 0 -18px;
    width:11px;
    height:11px;
}

.RadTreeView_MySkin .rtPlus
{
    background: transparent url(TreeView/PlusMinus.gif) no-repeat 0 0;
}

.RadTreeView_MySkin .rtMinus
{
    background: transparent url(TreeView/PlusMinus.gif) no-repeat 0 -11px;
}

.RadTreeView_MySkin .rtSp
{
    height:17px;
}

.RadTreeView_MySkin .rtChk
{
    margin: 0 2px;
    padding:0;
    width:13px;
    height:13px;
}

.RadTreeView_MySkin .rtIn
{
    margin-left:3px;
    padding: 2px;
}

/* endof general styles */


/* node states */
/* Commented because we do not need hover style?
.RadTreeView_MySkin .rtHover .rtIn
{
    color: #363636;
    background-image:url(TreeView/ItemSelectedBg.gif);
    background-repeat:repeat-x;
    border: 1px #005d34;
    border-bottom-style:groove;
    padding: 1px;
}

.RadTreeView_MySkin .rtSelected .rtIn
{
    color:#fff;
    background:silver repeat-x 0 0;
    border: 1px solid #040404;
    padding: 1px;
}
*/
.RadTreeView_MySkin_disabled .rtIn,
.RadTreeView_MySkin .rtDisabled .rtIn
{
    color:#ccc;
}

.RadTreeView_MySkin .rtSelected .rtLoadingBelow
{
    color: #000;
}

/* endof node states */


/* in-line editing */

.RadTreeView_MySkin .rtLI .rtEdit .rtIn
{
    border:1px solid black;
    padding: 1px;
    height:1.2em;
    background: #fff;
}

.RadTreeView_MySkin .rtEdit .rtIn input
{
    height:1em;
    line-height:1em;
    border:0;
    margin:0;
    padding:0;
    background:transparent;
}

/* endof in-line editing */


/* drop targets */

.rtDropAbove_MySkin,
.rtDropBelow_MySkin
{
    border: 1px dotted black;
    font-size: 3px;
    line-height: 3px;
    height: 3px;
}

.rtDropAbove_MySkin
{
    border-bottom: 0;
}

.rtDropBelow_MySkin
{
    border-top: 0;
}

/* endof drop targets */


/* node lines

.RadTreeView_MySkin .rtLines .rtLI,
.RadTreeView_MySkin .rtLines .rtFirst .rtUL
{
    background:url(TreeView/NodeSpan.gif) repeat-y 0 0;
}
.RadTreeView_MySkin_rtl .rtLines .rtLI,
.RadTreeView_MySkin_rtl .rtLines .rtFirst .rtUL
{
    background:url(TreeView/NodeSpan_rtl.gif) repeat-y 100% 0;
}

.RadTreeView_MySkin .rtLines .rtFirst
{
    background:url(TreeView/FirstNodeSpan.gif) no-repeat 0 1.273em;
}

.RadTreeView_MySkin_rtl .rtLines .rtFirst
{
    background:url(TreeView/FirstNodeSpan_rtl.gif) no-repeat 100% 1.273em;
}

.RadTreeView_MySkin .rtLines .rtFirst .rtUL
{
    background:url(TreeView/FirstNodeSpan.gif) repeat-y 0 1.273em;
}

.RadTreeView_MySkin_rtl .rtLines .rtFirst .rtUL
{
    background:url(TreeView/FirstNodeSpan_rtl.gif) repeat-y 100% 1.273em;
}

.RadTreeView_MySkin .rtLines .rtLast,
.RadTreeView_MySkin .rtLines .rtLast .rtUL
{
    background:none;
}

.RadTreeView_MySkin .rtLines .rtTop
{
    background:url(TreeView/TopLine.gif) 0 0 no-repeat;
}
.RadTreeView_MySkin_rtl .rtLines .rtTop
{
    background:url(TreeView/TopLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_MySkin .rtLines .rtLast .rtTop
{
    background:url(TreeView/SingleLine.gif) 0 0 no-repeat;
}

.RadTreeView_MySkin_rtl .rtLines .rtLast .rtTop
{
    background:url(TreeView/SingleLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_MySkin .rtLines .rtMid
{
    background:url(TreeView/MiddleLine.gif) 0 0 no-repeat;
}
.RadTreeView_MySkin_rtl .rtLines .rtMid
{
    background:url(TreeView/MiddleLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_MySkin .rtLines .rtBot
{
    background:url(TreeView/BottomLine.gif) 0 0 no-repeat;
}
.RadTreeView_MySkin_rtl .rtLines .rtBot
{
    background:url(TreeView/BottomLine_rtl.gif) 100% 0 no-repeat;
}

endof node lines */


/* rtl-specific styles */

/* firefox */
.RadTreeView_MySkin_rtl .rtPlus,
.RadTreeView_MySkin_rtl .rtMinus
{
    margin-right:-11px;
    right:-13px;
}

* html .RadTreeView_MySkin_rtl .rtPlus,
* html .RadTreeView_MySkin_rtl .rtMinus
{
    margin-right:-18px;
    /*margin-right:-12px;*/
    right:0;
}

*+html .RadTreeView_MySkin_rtl .rtPlus,
*+html .RadTreeView_MySkin_rtl .rtMinus
{
    margin-right:-18px;
    right:0;
}

.RadTreeView_MySkin_rtl .rtTop,
.RadTreeView_MySkin_rtl .rtMid,
.RadTreeView_MySkin_rtl .rtBot
{
    padding: 0 20px 2px 0;
    margin:0;
}

/* endof rtl-specific styles */


/* hacks for Opera & Safari */
@media screen and (min-width:550px)
{
    /* fixes for opera (changes the paddings/margins automatically in rtl mode) */

    html:first-child .RadTreeView_MySkin_rtl .rtPlus,
    html:first-child .RadTreeView_MySkin_rtl .rtMinus,
    html:first-child .RadTreeView_MySkin_rtl .rtFirst .rtLI .rtPlus,
    html:first-child .RadTreeView_MySkin_rtl .rtFirst .rtLI .rtMinus
    {
        margin:4px 6px 0 -18px;
        right:0;
    }
    
    /* fix for safari bug (inline-block positioned elements in rtl mode get no width) */
    :root .RadTreeView_MySkin_rtl .rtPlus,
    :root .RadTreeView_Default_rtl .rtMinus
    {
        right: 0;
        margin-right: -18px;
        margin-left: 7px;
    }
}

/* endof hacks */

Thanks,

I setup a basic view-only grid with 4 columns. The 3rd & 4th columns have AllowFiltering="false", but now in IE the empty cell where the filters should be is missing bottom border - it works in firefox

http://img144.imageshack.us/img144/1913/radgnobottomborderlw7.jpg


I guess it has to do with IE not displaying border of container if nothing in it - a &nbsp; inside should do trick, but how to do it?

Hi,

I have RadComboBox which I want to have a value base on the time selected on RadTimePicker1 with interval of 15 mins. Let say I select 4:00 PM on RadTimePicker1 ,  RadComboBox value should be 3:45 PM, 3:30 PM, 3:15 PM and so on...

Pls. provide sample code on Code-behind C# or Javascript.

TIA

I know it is possible to use a css to change the visual width of a row when it is dragged.

1. Is it possible to control the specific columns that are shown when a row is dragged?
2. Is it possible to disallow the ability to drag/drop a row based upon a condition or some other element?

Thanks much!
John

Hi Expert,

            I follow this Combo Example. My problem is user don't key in field. When i show/reload a form, combox is always show first row. Actuall it should be show "Empty Message" in combo box. I search a forum, but i can't find it. :(.

           I set _raddlDelivery.SelectedIndex = -1; But also doesn't work. Kindly, please advice to me.


Best Regards,