Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
145 views
Hello experts,

Does editor control support custom formatting of pasted content (can be html from website or ms word or pdf)?
The requirement is that i want to change the entire content to have font of verdana 9 and fore color black and back color white irrespective of what that was pasted in the editor while retaining all other formats.

The content saved to database will eventually go in word 2010 as office open XML format. 

Regards
Mac
Rumen
Telerik team
 answered on 29 Apr 2011
2 answers
132 views
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,
Nelson
Top achievements
Rank 1
 answered on 29 Apr 2011
4 answers
304 views
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,
Mark
Top achievements
Rank 1
 answered on 28 Apr 2011
8 answers
289 views
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?
Pavlina
Telerik team
 answered on 28 Apr 2011
1 answer
64 views
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
Jesus
Top achievements
Rank 1
 answered on 28 Apr 2011
2 answers
79 views
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
Iana Tsolova
Telerik team
 answered on 28 Apr 2011
6 answers
198 views
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,
Kate
Telerik team
 answered on 28 Apr 2011
1 answer
97 views
Hello,

I want to implement drag and drop feature in my application between two grid, but now i am facing problem when i drag from left to right its working fine , but when i drag from right to left its not working.

i seen the demo and check in that also same problem


http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

and one more problem is i want to save in to DB after drag and drop , how can i do that? currently its saving on client side

reply ASAP..

Regards
Samir
Pavlina
Telerik team
 answered on 28 Apr 2011
1 answer
144 views
GridClientSelectColumn has a usability problem with AllowMultiRowSelect = true:
  1. If the user checks the checkbox, it adds the row to the current selection.
  2. If the user misses the checkbox by 1px and accidentally clicks the row instead, it CLEARS the current selection and only selects the current row.

This is a usability problem because even 1px difference in where you click produces an entirely different result.  My users have complained about this repeatedly.

Is there some workaround or hack I can do to make the row-click selection behavior behave the same way as the checkbox?  (adding the current row to the selection)

If not, then is it possible to turn off the row-click selection behavior and just use the checkbox?
Pavlina
Telerik team
 answered on 28 Apr 2011
4 answers
108 views
Hi

I am using vs2010 and radcontrols for asp.net ajax

I was using q1 2010 but IE 9 has forced me to upgrade to the newest version. I have follwed the following steps

1. I allowed vs2010 to upgrade to the latest version for me. This downloaded it somewhere and then did nothing. (I later found out it put it in the c:\telerikupdates folder). I don't know for usre if this installed anything or just downloaded it. It did not download the 2011 version though.

2. Ok then I now think best to do it manually then to be sure. I downloaded the q1 2011 version and installed it. I then try a re-build. None of the dll's have changed after re-build.

3. OK I now uninstall the q1 2010 version completeley.

4. I manaully overwrite the telerik dll's in the bin folder to the latest versions.

5. I run vs2010 and look at the design time web forms and now the controls are all showing "error creating control - xxx". If I drop a new control onto the form from the 2011, the new control works fine and this seems to kick all the current components on the page into line.

Why do I have to take the step at stage 5 to make it work correctly. This is a big chore as we have to update a lot of pages across a lot of projects. (whole days of work for the poor junior programmer)?

Is there something I am missing?

Do I not understand the upgrade paths properly?

Any help appreciated, thanks.
Erjan Gavalji
Telerik team
 answered on 28 Apr 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?