Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
143 views
I am using RadControls 2009.1.402.35 in Windows XP. I am trying to customize the button so I started by just trying to use Telerik's resources instead of the embedded ones. However the button has no styles, no outline. Just text.

These are the steps I followed:
1- Turned off EnableEmbeddedSkins like this:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20"
                  DecoratedControls="All" EnableEmbeddedSkins="False"/>

2- Copied the files FormDecorator.css & FormDecorator.Web20.css to the css folder which is off the root folder
3- Copied the gif's from C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2009\Live Demos\Skins\Web20\FormDecorator\ButtonSprites.gif to the 'Telerik/FormDecorator' folder which is a folder under the root folder.
4- Modified the url's for the background-image in 'FormDecorator.Web20.css' like so:
   background-image: url('Telerik/FormDecorator/ButtonSprites.gif');
 
This is my test page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="MyPage.test" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  <link rel="stylesheet"  href="css/FormDecorator.css" type="text/css" />
  <link rel="stylesheet"  href="css/FormDecorator.Web20.css" type="text/css" />
</head>
<body>
  <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
    EnableTheming="True">
  </telerik:RadScriptManager>
 
  <telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" Skin="Web20"
    DecoratedControls="All" EnableEmbeddedSkins="False"/>
 
  <asp:Button ID="Button1" runat="server" Text="Button" />
  </form>
</body>
</html>


Any ideas?


Georgi Tunev
Telerik team
 answered on 24 Jun 2009
1 answer
100 views
I have a radcombo on a radtoolbar template that drives the display of a radgrid , for best perfomance which control shoudl be the ajax controlling id the combo or the tool bar with the grid as the controlled id ?

other buttons on the tool bar can be clicked to switch views and make the grid.visible = false.

thanks
kevin
Shinu
Top achievements
Rank 2
 answered on 24 Jun 2009
1 answer
169 views
Hi, Telerik Team

after updating from version 2008.3.1314.35 to version 2009.1.527.35 I have lost the design of my TabStrip [Azul], the design "is broken". I explain:

I have a TabStrip (RadTabStrip1)
The code the .aspx is as below:
   
          <telerik:RadTabStrip      
                ID="RadTabStrip1"      
                SelectedIndex="0"      
                runat="server"      
                MultiPageID="RadMultiPage1"    
                CssClass="tabStrip"    
                EnableEmbeddedSkins="False"    
                Skin="Azul"    
                >    
 

My skin "Blue" could handle the padding-left and padding-right, but now, it's not possible.
The code the TabStrip.Azul.css is as below:
.RadTabStrip_Azul  
{  
    line-height: 0;  
    font-size: 0;  
}  
.RadTabStrip_Azul .rtsLI,  
.RadTabStrip_Azul .rtsLink  
{  
    color: #003366;  
    height:28px;  
}  
.RadTabStrip_Azul .rtsLink  
{  
    text-decoration: none;  
    font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;  
    font-size: 12px;  
    line-height: 28px;  
}  
/* ------------------------------------------------------------------------------- */  
/* disabled tabs */  
.RadTabStrip_Azul .rtsDisabled  
{  
    color: #95D5FF;  
    cursor: default;  
}  
.RadTabStrip_Azul_disabled .rtsDisabled  
{  
    color: #95D5FF;  
    cursor: default;  
}  
/* ------------------------------------------------------------------------------- */  
.RadTabStrip_Azul .rtsImg  
{  
    border:0;  
    vertical-align:top;  
    width: 30px;  
    margin: 2px 0;  
}  
 
.RadTabStrip_Azul .rtsTxt  
{  
    padding: 0px 0px 0px 50px;  
}  
 
.RadTabStrip_Azul .rtsLink  
{  
    padding-left: 5px;  
}  
 
/* Orientation: Top */  
 
.RadTabStrip_Azul .rtsLink   
{   
    padding-right: 0px;     /*  Cambiado por mi     */  
    padding-left: 32px;   
}  
.RadTabStrip_Azul .rtsLast .rtsLink   
{   
    padding-right: 16px;   
    padding-left:  16px;   
}  
 
.RadTabStripTop_Azul .rtsIn   
{   
    padding: 4px 0px 4px 32px;   
}  
 
.RadTabStripTop_Azul .rtsLink { background: transparent url('TabStrip/TabStripStates.gif') no-repeat 100% -56px; }  
.RadTabStripTop_Azul .rtsLink .rtsOut { background: transparent url('TabStrip/TabStripStates.gif') no-repeat 0 -84px; }  
.RadTabStripTop_Azul .rtsFirst .rtsLink .rtsOut { background-position: 0 0; }  
.RadTabStripTop_Azul .rtsLast .rtsLink { background-position: 100% 0; }  
/* ------------------------------------------------------------------------------- */  
.RadTabStripTop_Azul .rtsLink:hover  
{  
    color: #95D5FF;  
}  
 
.RadTabStripTop_Azul .rtsSelected   
{  
    color: #FFFFFF;  
}  
/* ------------------------------------------------------------------------------- */  
.RadTabStripTop_Azul .rtsSelected { background-position: 100% -84px; }  
.RadTabStripTop_Azul .rtsFirst .rtsSelected .rtsOut,  
.RadTabStripTop_Azul .rtsSelected .rtsOut { background-position: 0 -28px; }  
.RadTabStripTop_Azul .rtsLast .rtsSelected { background-position: 100% -28px; }  
 
.RadTabStripTop_Azul .rtsAfter .rtsOut { background-position: 0 -56px; }  
 
.RadTabStripTop_Azul .rtsDisabled.rtsAfter .rtsOut { background-position: 0 -56px; }  
 
.RadTabStripLeft_Azul .rtsIn { padding: 4px 15px 4px 15px; }  
.RadTabStripLeft_Azul .rtsLast .rtsIn { padding-bottom: 4px; }  
.RadTabStripLeft_Azul .rtsLI .rtsLink { padding: 0; }  
/* ------------------------------------------------------------------------------- */  
.RadTabStripLeft_Azul .rtsLink:hover  
{  
    color: #ffffff;  
}  
.RadTabStripLeft_Azul .rtsSelected   
{   
    color: #ffffff;   
}  
/* ------------------------------------------------------------------------------- */  
.RadTabStripLeft_Azul .rtsSelected { background-position: 0 -28px; }  
 
 

I have done a new skin (Skin_TabStrip2), more "simple" from skin "WebBlue" and I can't adjust the padding-left and padding-right.

The code the RadTabStrip.Skin_TabStrip2.css is as below:
.RadTabStrip_Skin_TabStrip2  
{  
 
}  
 
.RadTabStrip_Skin_TabStrip2 .rtsLI,  
.RadTabStrip_Skin_TabStrip2 .rtsLink  
{  
    color: #000;  
    font: 12px/26px tahoma, Verdana, Arial, Helvetica, sans-serif;  
 
}  
 
.RadTabStrip_Skin_TabStrip2 .rtsLI,  
.RadTabStrip_Skin_TabStrip2 .rtsLink  
{  
    color: #fff;  
}  
 
.RadTabStrip_Skin_TabStrip2 .rtsLink:hover,  
.RadTabStrip_Skin_TabStrip2 .rtsSelected  
{  
    color: #0f3789;  
}  
 
.RadTabStripLeft_Skin_TabStrip2  .rtsSeparator,  
.RadTabStripRight_Skin_TabStrip2 .rtsSeparator  
{  
    background: #3D556C;  
}  
 
/* <disabled tabs> */  
.RadTabStrip_Skin_TabStrip2 .rtsLevel .rtsDisabled,  
.RadTabStrip_Skin_TabStrip2 .rtsLevel .rtsDisabled:hover  
{  
    color: #0f3789; /*  dddddd  */  
}  
/* </disabled tabs> */  
 
/* <tab backgrounds> */  
.RadTabStripTop_Skin_TabStrip2 .rtsLevel                            { background-color: transparent; }  
 
.RadTabStripTop_Skin_TabStrip2    .rtsLevel .rtsLink,  
.RadTabStripTop_Skin_TabStrip2    .rtsLevel .rtsOut,  
.RadTabStripBottom_Skin_TabStrip2 .rtsLevel .rtsLink,  
.RadTabStripBottom_Skin_TabStrip2 .rtsLevel .rtsOut,  
.RadTabStripTop_Skin_TabStrip2_Baseline     .rtsLevel,  
.RadTabStripBottom_Skin_TabStrip2_Baseline  .rtsLevel               { background-image: url('TabStrip/TabStripStates.png'); }  
/* </tab backgrounds> */  
 
 
/* <background positioning: tabs with hovers> */  
 
/* <orientation: top> */  
.RadTabStripTop_Skin_TabStrip2 .rtsLink                             { background-position: 0px  0px; }  
.RadTabStripTop_Skin_TabStrip2 .rtsOut                              { background-position: 100% 0px; }  
 
.RadTabStripTop_Skin_TabStrip2 .rtsLink:hover                       { background-position: 0px  -52px; }  
.RadTabStripTop_Skin_TabStrip2 .rtsLink:hover .rtsOut               { background-position: 100% -52px; }  
 
.RadTabStripTop_Skin_TabStrip2 .rtsSelected,  
.RadTabStripTop_Skin_TabStrip2 .rtsSelected:hover                   { background-position: 0px  -26px; }  
 
.RadTabStripTop_Skin_TabStrip2 .rtsSelected .rtsOut,  
.RadTabStripTop_Skin_TabStrip2 .rtsSelected:hover .rtsOut           { background-position: 100% -26px; }  
 
.RadTabStripTop_Skin_TabStrip2 .rtsDisabled:hover                   { background-position: 0px  0px; }  
.RadTabStripTop_Skin_TabStrip2 .rtsDisabled:hover .rtsOut           { background-position: 100% 0px; }  
 
.RadTabStripTop_Skin_TabStrip2_Baseline .rtsLevel                   { background-position: 0px  100%; background-repeat: repeat-x; }  
/* </orientation: top> */  
 
 
/* </background positioning: tabs with hovers> */  
 
.RadTabStrip_Skin_TabStrip2 .rtsText  
{  
 
}  
 

I need some help for impleting this.

Thanks for you help,
Jorge Saa-Gerbier
Kamen Bundev
Telerik team
 answered on 24 Jun 2009
1 answer
123 views
hi

this fix http://www.telerik.com/help/aspnet-ajax/troubleshooting-treeview-maximum-length-exceeded.html
throws exception at runtime

 

Server Error in '/' Application.

Configuration Error

Description: An error occurred during the processing of a configuration file required to service this request. Please review the specific error details below and modify your configuration file appropriately.

Parser Error Message: Unrecognized configuration section system.web.extensions.

Source Error:

Line 127:		</browserCaps>
Line 128:	</system.web>
Line 129: <system.web.extensions>Line 130:        <scripting>
Line 131:            <webServices>



Version Information: Microsoft .NET Framework Version:2.0.50727.3082; ASP.NET Version:2.0.50727.3082

how can i fix that?
Atanas Korchev
Telerik team
 answered on 24 Jun 2009
1 answer
68 views

Requirements

RadControls version

2009.1.527.35

.NET version

2

Visual Studio version

2008

programming language

C#

browser support

all browsers supported by RadControls


PROJECT DESCRIPTION
When creating complex edit templates for RadGrid I found myself creating a lot of references like sender.Parent.Parent.Parent....etc. when trying to navigate from a control event back to the GridEditFormItem. I thought there had to be a better way. So, I created a simple templated class to navigate from a control through the control heirarchy to find the appropriate parent, based on the parent class. It works nicely for finding the GridEditFormItem in a templated edit form, but can be used for any other similar problems when navigating control hierarchies.

As an example, if a button were included in a RadGrid edit template, you might get the reference to its GridEditFormItem like this...

 

 

protected void Button1_Click(object sender, EventArgs e)  
{  
    ....  
    GridEditFormItem gridEditFormItem = (GridEditFormItem) ((Control)sender).Parent.Parent.Parent;  
    ....  
} 

But using the FindIt class, you would use this notation... 

 

 

 

protected void Button1_Click(object sender, EventArgs e)  
{  
    GridEditFormItem gridEditFormItem = Find<GridEditFormItem>.Parent((Control)sender);  
} 

If you use the Parent.Parent.Parent... notation and you subsequently modified the edit template, for example, perhaps you put the button inside an asp:Panel, you would have to fix the reference as well, but with the Find<> notation it would work without modification.

Its been a really useful addition to my toolkit, and helps separate code dependencies from edit template layout. I thought I'd share with others who might have similar issues.

Regards,
Ken

Yavor
Telerik team
 answered on 24 Jun 2009
13 answers
275 views
How would I have some processing of the file take place after, before, or instead of saving the file when I am placing the submit button inside the upload div with the javascript pageLoad function like in the documentation?

I can see how to access the file in the documentation, but this is done in the submit buttons event handler.  How can I do some custom processing on the file if I am placing the submit button inside the upload div with the javascript pageLoad function?

Please help.

Thanks,
Nick
Genady Sergeev
Telerik team
 answered on 24 Jun 2009
4 answers
159 views
Hi,

I tried to add code to define the position to the several docks that I have on the same page, but I'm having some problems.
I used the example on this link: http://www.telerik.com/help/aspnet-ajax/dock_dockcontrolcreation.html because it's similar to what I want to create, but it doesn't work.
My intention is, on the same page, have several docks that are in .ascx files.
On the default page I have a radDockLayout and inside this control I have the .ascx files:

<

 

telerik:RadDockLayout ID="RadDockLayout1" runat="server" OnSaveDockLayout="RadDockLayout1_SaveDockLayout" OnLoadDockLayout="RadDockLayout1_LoadDockLayout">

 

 

<uc5:barraLateral ID="BarraLateral1" runat="server" />

 

 

<uc2:TodosConteudos ID="TodosConteudos1" runat="server" />

 

 

<uc3:MeusConteudos ID="MeusConteudos1" runat="server" />

 

 

<uc4:UltimosConteudos ID="UltimosConteudos1" runat="server" />

 

 

</telerik:RadDockLayout>

 



And in the default code page I have the following code:

using

 

System;

 

using

 

System.Collections;

 

using

 

System.Collections.Generic;

 

using

 

System.ComponentModel;

 

using

 

System.Data;

 

using

 

System.Drawing;

 

using

 

System.Web;

 

using

 

System.Web.SessionState;

 

using

 

System.Web.UI;

 

using

 

System.Web.UI.WebControls;

 

using

 

System.Web.UI.HtmlControls;

 

using

 

Telerik.Web.UI;

 

public

 

partial class _Default : System.Web.UI.Page

 

{

 

protected void Page_Load(object sender, EventArgs e)

 

{

}

 

 

//Store the info about the added docks in the session.

 

 

private List<DockState> CurrentDockStates

 

{

 

get

 

{

 

List<DockState> _currentDockStates = (List<DockState>)Session["CurrentDockStates"];

 

 

if (Object.Equals(_currentDockStates, null))

 

{

_currentDockStates =

new List<DockState>();

 

Session[

"CurrentDockStates"] = _currentDockStates;

 

}

 

return _currentDockStates;

 

}

 

set

 

{

Session[

"CurrentDockStates"] = value;

 

}

}

 

protected void RadDockLayout1_SaveDockLayout(object sender, DockLayoutEventArgs e)

 

{

CurrentDockStates = RadDockLayout1.GetRegisteredDocksState();

}

 

protected void Page_Init(object sender, EventArgs e)

 

{

 

for (int i = 0; i < CurrentDockStates.Count; i++)

 

{

 

RadDock dock = new RadDock();

 

dock.ID =

string.Format("RadDock{0}", i);

 

dock.ApplyState(CurrentDockStates[i]);

RadDockLayout1.Controls.Add(dock);

}

}

 

protected void RadDockLayout1_LoadDockLayout(object sender, DockLayoutEventArgs e)

 

{

 

foreach (DockState state in CurrentDockStates)

 

{

e.Positions[state.UniqueName] = state.DockZoneID;

e.Indices[state.UniqueName] = state.Index;

}

}

}



I don't want to create new docks, I just want to save the position of the docks that are on those .ascx files, but I can't save because they are not on the default page. How can I solve this problem without copy all the code from the .ascx files to the defaul page?
Cátia
Top achievements
Rank 1
 answered on 24 Jun 2009
1 answer
128 views
Hi All,

There is border that around the all items but excluding the rotor button, 

1) the border only appear when the rotortype is with control buttons
2) the border is assoicated with the skin, when skin change the color change.

I cannot find how to control this border, hide change color or so.

Please advise

Thanks

Jerry
 
Martin
Telerik team
 answered on 24 Jun 2009
1 answer
123 views
Hello,
If I resize a radWindow outside the browser window, it is starting to behave strange.
Have a radWindow in a page, grab one of the borders and take it to the edge of the browser window. continue dragging in that direction. once you pass the browser window bounds, the window id expanding by itself and cant be controlled.

Is this a known issue? Is there a solution to this behavior?

Thanks,
Elad.
Georgi Tunev
Telerik team
 answered on 24 Jun 2009
2 answers
87 views
I am using a treeview with 3 levels of nodes (in the masterpage)
I want to pass the e.Node.Text variable when the user is clicking a node using the code behind method

RadTreeView1_NodeClick
to the sqldatasource select statement that resides in radgrid that is placed the page that uses the above master page.
Any ideas on how to do that? 

Stavros
Top achievements
Rank 1
 answered on 24 Jun 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?