Web Services
Top achievements
Rank 2
Rank 2
Web Services
asked on 12 Aug 2009, 07:01 PM
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>
<cc1:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="NameTextBox"
ErrorMessage="Product Name is Required." ValidationGroup="ProductValidation"
CssClass="H3Internal"></cc1:RequiredFieldValidator>
<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>
<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>
<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" />
</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>
<cc1:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="DrawingTextBox"
ErrorMessage="Drawing Name is Required." ValidationGroup="drawingValidation"
CssClass="H3Internal"></cc1:RequiredFieldValidator>
<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> <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">
<br />
<br />
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">
<br />
<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>
<asp:LoginStatus ID="LoginStatus1" runat="server" CssClass="MaterPageHeadingLinks"
/>
<asp:HyperLink ID="HyperLink4" runat="server" CssClass="MaterPageHeadingLinks" NavigateUrl="~/default.aspx">Home</asp:HyperLink>
</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>
<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">
� 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,
<%@ 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>
<cc1:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="NameTextBox"
ErrorMessage="Product Name is Required." ValidationGroup="ProductValidation"
CssClass="H3Internal"></cc1:RequiredFieldValidator>
<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>
<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>
<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" />
</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>
<cc1:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="DrawingTextBox"
ErrorMessage="Drawing Name is Required." ValidationGroup="drawingValidation"
CssClass="H3Internal"></cc1:RequiredFieldValidator>
<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> <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">
<br />
<br />
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">
<br />
<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>
<asp:LoginStatus ID="LoginStatus1" runat="server" CssClass="MaterPageHeadingLinks"
/>
<asp:HyperLink ID="HyperLink4" runat="server" CssClass="MaterPageHeadingLinks" NavigateUrl="~/default.aspx">Home</asp:HyperLink>
</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>
<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">
� 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,
4 Answers, 1 is accepted
0
Accepted
Hello Web Services,
I tried to build up a test demo based on your code but unfortunately to no avail because I had to remove many datasources, custom code, user controls, etc and the resultant page was not enough for reproduction. That is why what I can suggest is that you set RenderInPageRoot=true for the tooltips and test again. In case this does not help, I want to kindly ask you to isolate the problem in a simple setup, open a new support ticket and send it to me along with detailed explanations and reproduction steps. Please, make sure that the demo is fully runnable. Once I am able to investigate the problem locally, I will do my best to help.
Greetings,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I tried to build up a test demo based on your code but unfortunately to no avail because I had to remove many datasources, custom code, user controls, etc and the resultant page was not enough for reproduction. That is why what I can suggest is that you set RenderInPageRoot=true for the tooltips and test again. In case this does not help, I want to kindly ask you to isolate the problem in a simple setup, open a new support ticket and send it to me along with detailed explanations and reproduction steps. Please, make sure that the demo is fully runnable. Once I am able to investigate the problem locally, I will do my best to help.
Greetings,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Web Services
Top achievements
Rank 2
Rank 2
answered on 17 Aug 2009, 05:06 PM
That did it. For some reason my intellisense didn't pick up that tag. I added it and it ran fine but it's nt listed. Is this a newer feature or something? Thanks,
0
Hi Web Services,
I am not completely sure why you did not get the property through the intellisense but indeed, it is pretty new - it was added in the Q1 2009 release which you are using. In case you need to use this with an older version, let me know and I will provide an equivalent script for you.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I am not completely sure why you did not get the property through the intellisense but indeed, it is pretty new - it was added in the Q1 2009 release which you are using. In case you need to use this with an older version, let me know and I will provide an equivalent script for you.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Mark
Top achievements
Rank 1
Rank 1
answered on 28 Apr 2011, 09:04 PM
I was having a similar problem. It seemed to be caused by the way I was using divs in my master page. I use one div that contains all my page content with positioning set to 'relative'. I use a separate div with a background image and positioning set to 'absolute'. The reason I did this was to have the background image always position itself correctly behind the page content, even on resize of browser.
Unfortunately, this was causing my radToolTips to line up with the 'absolute' positioned div, not the page content one as it should have. Changing the property 'RenderInPageRoot' to true solved it for me and now everything works fine.
Also, just want to point out that my tooltips properties were set to 'center' relative to the 'element', but the positioning error happened when I tried changing it to relative to mouse too.
Unfortunately, this was causing my radToolTips to line up with the 'absolute' positioned div, not the page content one as it should have. Changing the property 'RenderInPageRoot' to true solved it for me and now everything works fine.
Also, just want to point out that my tooltips properties were set to 'center' relative to the 'element', but the positioning error happened when I tried changing it to relative to mouse too.