Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
115 views

I'm loading the ASP.NET RadMenu from a static XML file on Page_Load event like so.

if (!IsPostBack)  {
    RadMenu1.LoadContentFile("~/Menu/MainMenu.xml"); }

I frequently can see a flash of the entire XML file (50+ items in it) while the page is loading. 

Are there any stratgies to avoid this problem?

Thanks,
Russ

										
Kate
Telerik team
 answered on 15 Feb 2012
2 answers
90 views
Is it possible to display the radWindow at a scroll location.  I'm thinking of things like .scrollTop(location)?  I don't mean setting the location of the radWindow.  I mean showing the radWindow with a scroll bar but with the scroll bar value set to display below the top of the page.  I can calculate the location that I want to be visible and I can get the name of the control within the radWindow that I want visible, but i haven't figured out how to move the scroll bar programmatically.
Charles Reid
Top achievements
Rank 1
 answered on 15 Feb 2012
3 answers
374 views
Hello,
I inherited a project and I'm trying to get the value of the cells within a GridHyperLinkColumn.
The existing code is as follows:

 

 

Protected Sub gvLaneDBStatus_ItemDatabound(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles gvLaneDBStatus.ItemDataBound

     If TypeOf e.Item Is GridDataItem Then

       Dim dataItem As GridDataItem = DirectCast(e.Item, GridDataItem)

        Dim hl As GridHyperLinkColumn = CType(gvLaneDBStatus.MasterTableView.Columns.FindByUniqueName("LnStatus"), GridHyperLinkColumn)

 

            hl.ImageUrl = "../../images/" + CStr(hl.DataTextField) + ".gif"

  

 

    End If

 

End Sub

 


The DataTextField property is returning the data field specified in the properties, as it should.  I need the actual cell values which will in turn display a corresponding graphic in the cell.

Thanks very much,
Jim
Jim
Top achievements
Rank 1
 answered on 15 Feb 2012
1 answer
178 views
Hi there,

I have a class called BasePage, it is a Page that helps me with common tasks. One is to persist some info in ViewState.
This BasePage saves the ViewState info in the PreRenderComplete event (so the real page can modify this info in the PreRender event)

The problem I have is that it does not work if I use RadAjaxManager

Is there any way to solve this problem? 

This is an example

<form id="form1" runat="server">
  <div>
    <asp:ScriptManager runat="server" ID="scriptManager"></asp:ScriptManager>
    <telerik:RadAjaxManager runat="server" ID="manager">
      <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="lnk1">
          <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="lbl" />
          </UpdatedControls>
        </telerik:AjaxSetting>
      </AjaxSettings>
    </telerik:RadAjaxManager>


    
    <asp:LinkButton runat="server" Text="Sum with Ajax" ID="lnk1" OnClick="lnk_Click">
      </asp:LinkButton>


    <asp:LinkButton runat="server" Text="Sum without Ajax" ID="LinkButton1" OnClick="lnk2_Click">
      </asp:LinkButton>


    <asp:Panel runat="server" ID="pnlAjax">
      <asp:Label runat="server" Text="Label" ID="lbl"></asp:Label><br />
      <asp:Label runat="server" Text="Label" ID="Label1"></asp:Label><br />
      
    </asp:Panel>
  </div>
  </form>



public partial class Demos_KeepInViewStateWithAjaxTest : Page
{
  int _count;
  public int Count
  {
    get
    {
      return _count;
      
    }
    set
    {
      _count = value;
      
    }
  }
  protected void Page_Load(object sender, EventArgs e)
  {
    //Restore ViewState
    if (ViewState["Count"] == null)
    {
      ViewState["Count"] = 0;
    }


    Count = Convert.ToInt32(ViewState["Count"]);


    PreRenderComplete += new EventHandler(Demos_KeepInViewStateWithAjaxTest_PreRenderComplete);
  }


  void Demos_KeepInViewStateWithAjaxTest_PreRenderComplete(object sender, EventArgs e)
  {
    ViewState["Count"] = Count.ToString();
  }




  protected void lnk_Click(object sender, EventArgs e)
  {
    lbl.Text = Count.ToString();
    Count += 1;
  }


  protected void lnk2_Click(object sender, EventArgs e)
  {
    lbl.Text = Count.ToString();
    Count += 1;
  }
}

Darío K
Maria Ilieva
Telerik team
 answered on 15 Feb 2012
1 answer
108 views
I am showing a loadingpanel with radgrid.How to align loading panel so that it is displayed on center?
Princy
Top achievements
Rank 2
 answered on 15 Feb 2012
6 answers
770 views
I can't seem to get this to work.  I have a simple Login page with 2 textboxes.  I've tried all of the normal methods, plus a few things I've seen in this forum.  None of them are working.  I am using ASP.NET 4, VS 2010 and the LATEST build of the Telerik Controls.  My HTML for the page is listed below.  I've tried "OnClientShow"...the Javascript fires, but the button never visually looks like it has focus and no error appears.  I'm debugging with IE 8.

Help?

thanks

mark

 

<P><body class="form" ><BR>    <telerik:RadScriptBlock 
ID="RadScriptBlock1" 
runat="server"><BR>        <script 
type="text/javascript"><BR>//            
function OnClientShow(sender, eventArgs) 
<BR>//            
{<BR>//                
try 
<BR>//                
{</P>
<P>//                    
var textbox = document.getElementById("<%= txtUserName.ClientID 
%>");<BR>//                    
//var textbox = 
document.getElementById("RadWindow1$C$txtUserName");<BR>//                    
//for 
testing...<BR>//                    
//alert(textbox.name);</P>
<P>//                    
if (textbox != null) 
{<BR>//                        
//-----------------------------------------------------<BR>//                        
//This Code is firing, but the UI doesn't reflect 
it...<BR>//                        
//-----------------------------------------------------<BR>//                        
textbox.focus();<BR>//                        
//alert('Just Set 
Focus');<BR>//                    
}<BR>//                    
else 
{<BR>//                        
alert('Could not set focus to 
Textbox...');<BR>//                        
return;<BR>//                    
}<BR>//                
}<BR>//                
catch (e) 
{<BR>//                    
alert('Error setting focus:  ' + 
e.Message);<BR>//                    
return;<BR>//                
}<BR>//            
}   <BR>  <BR>        
</script><BR>    
</telerik:RadScriptBlock><BR>    <form id="form1" 
runat="server" defaultfocus="txtUserName"><BR><telerik:RadScriptManager 
ID="RadScriptManager1" runat="server"><BR>    
</telerik:RadScriptManager><BR>    <telerik:RadWindow 
ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Behaviors="None" 
Skin="WebBlue" AutoSize="true" <BR>        
Title="Login to Creative Affairs!" VisibleStatusbar="False" 
><BR>        
<ContentTemplate><BR>            
<table width="275px" border="0" 
align="center"><BR>                
<tr><BR>                    
<td 
align="center"><BR>                        
<table class="formLabel" width="275px" 
cellpadding="3"><BR>                            
<tr><BR>                                
<td 
align="right"><BR>                                    
<asp:Label ID="Label1" runat="server" Text="User 
Name:"></asp:Label><BR>                                
</td><BR>                                
<td 
align="left"><BR>                                    
<asp:TextBox ID="txtUserName" runat="server" 
Width="125px"></asp:TextBox><BR>                                    
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
ControlToValidate="txtUserName"<BR>                                        
ErrorMessage="Required"></asp:RequiredFieldValidator><BR>                                
</td><BR>                            
</tr><BR>                            
<tr><BR>                                
<td 
align="right"><BR>                                    
<asp:Label ID="Label2" runat="server" 
Text="Password:"></asp:Label><BR>                                
</td><BR>                                
<td 
align="left"><BR>                                    
<asp:TextBox ID="txtPassword" runat="server" Width="125px" 
TextMode="Password"></asp:TextBox><BR>                                    
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
ControlToValidate="txtPassword"<BR>                                        
ErrorMessage="Required"></asp:RequiredFieldValidator><BR>                                
</td><BR>                            
</tr><BR>                            
<tr 
align="left"><BR>                                
<td><BR>                                    
&nbsp;<BR>                                
</td><BR>                                
<td><BR>                                    
<table 
width="100%"><BR>                                        
<tr><BR>                                            
<td align="left" 
width="60%"><BR>                                                
<asp:CheckBox ID="chkRemember" TextAlign="right" Text="Remember Me" 
runat="server" 
/><BR>                                            
</td><BR>                                            
<td 
align="right"><BR>                                                
<asp:Button ID="btnLogin" runat="server" Text="Login" 
OnClick="btnLogin_Click" 
/><BR>                                            
</td><BR>                                        
</tr><BR>                                    
</table><BR>                                
</td><BR>                            
</tr><BR>                            
<tr 
align="left"><BR>                                
<td 
colspan="2"><BR>                                    
<asp:Label ID="lblError" runat="server" ForeColor="Red" 
Text=""></asp:Label><BR>                                
</td><BR>                            
</tr><BR>                        
</table><BR>                    
</td><BR>                
</tr><BR>            
</table><BR>        
</ContentTemplate><BR>        
<BR>    
</telerik:RadWindow><BR>        
<BR>    </form><BR></body><BR></html><BR></P>
Svetlina Anati
Telerik team
 answered on 15 Feb 2012
3 answers
104 views
I have tried creating skins based off of "simple" and "web20" doing my best to get spacing correct with these clunky controls. And then using images for backgrounds on the menu and hover items. However when I add it to visual studio and view- my images are completely overridden with the base colors. My images don't get processed at all.

The odd thing is- I remove all references to these color, yet when the telerik builder compiles the css it puts them back in.

I am focusing on the menu item (635 lines of css? Really?)

Here is what is created.

/* <RadMenu / Web20> */
 
.RadMenu_new .rmRootGroup,
.RadMenu_new a.rmLink,
.RadMenu_new .rmText,
.RadMenu_new .rmLeftArrow,
.RadMenu_new .rmRightArrow,
.RadMenu_new .rmTopArrow,
.RadMenu_new .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_new .rmRootGroup
{
    border: 1px solid #6788be;
    background-color: #93b4df;
}
 
.RadMenu_new .rmHorizontal
{
    background-repeat: repeat-x;
    background-position: 0 0;
}
 
.RadMenu_new .rmVertical
{
    background-image: none;
}
 
/* <Root items> */
 
.RadMenu_new,
.RadMenu_new a.rmLink
{
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}
 
.RadMenu_new a.rmLink
{
    color: #fff;
}
 
.RadMenu_new a.rmLink,
.RadMenu_new a.rmLink .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_new .rmVertical .rmFirst,
.RadMenu_new .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_new a.rmLink:hover,
.RadMenu_new a.rmFocused,
.RadMenu_new a.rmSelected,
.RadMenu_new a.rmExpanded,
.RadMenu_new a.rmExpanded:hover
{
    color: #0f3789;
    background-position: 0 -72px;
}
 
.RadMenu_new .rmFirst a.rmLink:hover,
.RadMenu_new .rmFirst a.rmFocused,
.RadMenu_new .rmFirst a.rmSelected,
.RadMenu_new .rmFirst a.rmExpanded,
.RadMenu_new .rmFirst a.rmExpanded:hover
{
    background-position: -1px -72px;
}
 
.RadMenu_new a.rmLink:hover .rmText,
.RadMenu_new a.rmFocused .rmText,
.RadMenu_new a.rmSelected .rmText,
.RadMenu_new a.rmExpanded .rmText,
.RadMenu_new a.rmExpanded:hover .rmText
{
    background-position: 100% -96px;
}
 
.RadMenu_new .rmLast a.rmLink:hover .rmText,
.RadMenu_new .rmLast a.rmFocused .rmText,
.RadMenu_new .rmLast a.rmSelected .rmText,
.RadMenu_new .rmLast a.rmExpanded .rmText,
.RadMenu_new .rmLast a.rmExpanded:hover .rmText
{
    background-position: 0 -96px;
}
 
.RadMenu_new .rmItem a.rmDisabled,
.RadMenu_new .rmItem a.rmDisabled:hover,
.RadMenu_new .rmItem a.rmDisabled .rmText,
.RadMenu_new .rmItem a.rmDisabled:hover .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_new .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_new .rmVertical a.rmLink:hover,
.RadMenu_new .rmVertical a.rmFocused,
.RadMenu_new .rmVertical a.rmSelected,
.RadMenu_new .rmVertical a.rmExpanded,
.RadMenu_new .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #3f5f94;
    border-width: 1px 0;
}
 
.RadMenu_new .rmVertical a.rmLink:hover,
.RadMenu_new .rmVertical a.rmFocused,
.RadMenu_new .rmVertical a.rmSelected,
.RadMenu_new .rmVertical a.rmExpanded,
.RadMenu_new .rmVertical a.rmExpanded:hover,
.RadMenu_new .rmVertical a.rmLink:hover .rmText,
.RadMenu_new .rmVertical a.rmFocused .rmText,
.RadMenu_new .rmVertical a.rmSelected .rmText,
.RadMenu_new .rmVertical a.rmExpanded .rmText,
.RadMenu_new .rmVertical a.rmExpanded:hover .rmText
{
    background-position: -1px -72px;
}
 
.RadMenu_new .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_new .rmVertical .rmFirst a.rmFocused,
.RadMenu_new .rmVertical .rmFirst a.rmSelected,
.RadMenu_new .rmVertical .rmFirst a.rmExpanded,
.RadMenu_new .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_new .rmVertical .rmLast a.rmLink:hover,
.RadMenu_new .rmVertical .rmLast a.rmFocused,
.RadMenu_new .rmVertical .rmLast a.rmSelected,
.RadMenu_new .rmVertical .rmLast a.rmExpanded,
.RadMenu_new .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_new .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_new .rmLast a.rmExpanded .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmRootGroup a.rmDisabled,
.RadMenu_new .rmRootGroup a.rmDisabled:hover
{
    color: #bdcae3;
    background: none;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_new .rmGroup,
.RadMenu_new .rmMultiColumn,
.RadMenu_new .rmGroup .rmVertical
{
    border: 1px solid #6788BE;
    background: #fff url('Menu/rmVSprite.png') repeat-y -1px 0;
}
 
.RadMenu_new .rmTopFix,
.RadMenu_new .rmBottomFix,
.RadMenu_new .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_new .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_new_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
    background-position: -3px 0;
}
 
* html .rmRoundedCorners_new .rmGroup .rmItem,
* html .rmRoundedCorners_new ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
    background-position: -3px 0;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_new .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_new .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_new .rmScrollWrap .rmItem,
* html .rmRoundedCorners_new .rmHorizontal .rmItem,
* html .rmRoundedCorners_new .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_new .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_new .rmBottomLeft,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_new .rmRoundedCorners ul.rmGroup,
.RadMenu_new .rmRoundedCorners .rmMultiColumn
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer,
* html .rmRoundedCorners_new .rmGroup ul.rmGroup,
* html .rmRoundedCorners_new ul.rmGroup
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmTopRight,
.RadMenu_new .rmBottomRight
{
    background-imageurl('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_new .rmTopFix,
.RadMenu_new .rmBottomFix,
.RadMenu_new .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_new_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_new .rmGroup .rmFirst
{
    border-color: #6788BE;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_new .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_new li.rmTopFix,
.RadMenu_new li.rmBottomFix
{
    background-position: -4px 0;
}
 
.RadMenu_new_rtl .rmBottomLeft,
.RadMenu_new_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_new_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_new .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_new_rtl .rmTopRight,
.RadMenu_new_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_new_rtl li.rmTopFix,
.RadMenu_new_rtl li.rmBottomFix,
.RadMenu_new_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_new_Context_rtl ul.rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_new .rmGroup a.rmLink
{
    color: #000;
}
 
.RadMenu_new .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_new_rtl .rmGroup,
.RadMenu_new_rtl .rmMultiColumn,
.RadMenu_new_rtl .rmGroup .rmVertical
{
    background-position: 101% 0;
}
 
.RadMenu_new .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_new .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_new .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_new_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_new .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_new .rmGroup a.rmLink:hover,
.RadMenu_new .rmGroup .rmItem a.rmFocused,
.RadMenu_new .rmGroup .rmItem a.rmSelected,
.RadMenu_new .rmGroup .rmItem a.rmExpanded
{
    color: #0f3789;
}
 
.RadMenu_new .rmGroup a.rmDisabled,
.RadMenu_new .rmGroup a.rmDisabled:hover
{
    color: #8a8a8a;
}
 
.RadMenu_new .rmGroup .rmItem a.rmLink,
.RadMenu_new .rmGroup .rmItem a.rmLink:hover,
.RadMenu_new .rmGroup .rmItem a.rmFocused,
.RadMenu_new .rmGroup .rmItem a.rmSelected,
.RadMenu_new .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_new .rmGroup a.rmLink,
.RadMenu_new .rmGroup .rmText,
.RadMenu_new .rmGroup .rmItem a.rmDisabled,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_new .rmGroup a.rmLink:hover,
.RadMenu_new .rmGroup a.rmFocused,
.RadMenu_new .rmGroup a.rmSelected,
.RadMenu_new .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_new .rmGroup a.rmLink:hover .rmText,
.RadMenu_new .rmGroup a.rmFocused .rmText,
.RadMenu_new .rmGroup a.rmSelected .rmText,
.RadMenu_new .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_new .rmRootGroup .rmLink .rmExpandRight,
.RadMenu_new .rmGroup .rmLink .rmExpandDown,
.RadMenu_new_Context .rmGroup .rmLink .rmExpandRight,
.RadMenu_new .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_new .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_new .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_new .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_new a.rmLink:hover .rmExpandRight,
.RadMenu_new a.rmFocused .rmExpandRight,
.RadMenu_new a.rmExpanded .rmExpandRight,
.RadMenu_new a.rmSelected .rmExpandRight,
.RadMenu_new a.rmLink:hover .rmExpandLeft,
.RadMenu_new a.rmFocused .rmExpandLeft,
.RadMenu_new a.rmExpanded .rmExpandLeft,
.RadMenu_new a.rmSelected .rmExpandLeft
{
    background-image: url('Menu/rmRootExpand.png');
}
 
.RadMenu_new .rmVertical a.rmLink:hover .rmExpandRight,
.RadMenu_new .rmVertical a.rmSelected .rmExpandRight,
.RadMenu_new .rmVertical a.rmExpanded .rmExpandRight,
.RadMenu_new .rmVertical a.rmFocused .rmExpandRight
{
    background-position: 100% 0;
}
 
.RadMenu_new .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_new .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_new .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_new .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_new .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_new .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_new .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_new .rmGroup a.rmExpanded .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -240px;
}
 
.RadMenu_new .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_new .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_new_rtl a.rmLink:hover,
.RadMenu_new_rtl a.rmFocused,
.RadMenu_new_rtl a.rmSelected
{
    background-position: 100% -96px;
}
 
.RadMenu_new_rtl a.rmLink:hover .rmText,
.RadMenu_new_rtl a.rmFocused .rmText,
.RadMenu_new_rtl a.rmSelected .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_new_rtl a.rmExpanded,
.RadMenu_new_rtl a.rmExpanded:hover
{
    background-position: 100% -144px;
}
 
.RadMenu_new_rtl a.rmExpanded .rmText,
.RadMenu_new_rtl a.rmExpanded:hover .rmText
{
    background-position: 0 -120px;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover,
.RadMenu_new_rtl .rmGroup a.rmFocused,
.RadMenu_new_rtl .rmGroup a.rmSelected,
.RadMenu_new_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_new_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_new_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_new_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_new_Context_rtl .rmVertical .rmLink .rmExpandLeft,
.RadMenu_new_rtl .rmRootGroup a.rmLink .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_new_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmExpanded .rmExpandLeft,
.RadMenu_new_rtl .rmVertical a.rmFocused .rmExpandLeft
{
    background-position: 0 0;
}
 
.RadMenu_new_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_new_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-image: url('Menu/rmSprite.png');
    background-position: 0 -336px;
}
 
.RadMenu_new_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
    background-image: url('Menu/rmSprite.png');
    background-position: 0 -312px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (Web20 - specific, overlapping submenus)> */
 
.RadMenu_new .rmFirst .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_new .rmVertical .rmSlide,
.RadMenu_new .rmSlide .rmSlide,
.RadMenu_new_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_new_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_new_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_new_rtl .rmVertical .rmSlide,
.RadMenu_new_rtl .rmSlide .rmSlide,
.RadMenu_new_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_new .rmLeftArrow,
.RadMenu_new .rmRightArrow
{
    background-color: #ECF4FF;
}
 
.RadMenu_new .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_new .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_new .rmTopArrow,
.RadMenu_new .rmBottomArrow,
.RadMenu_new .rmGroup .rmLeftArrow,
.RadMenu_new .rmGroup .rmRightArrow
{
    background-color: #ECF4FF;
}
 
.RadMenu_new .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_new .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_new .rmHorizontal .rmSeparator .rmText,
.RadMenu_new .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
}
 
.RadMenu_new .rmHorizontal .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -386px;
}
 
.RadMenu_new_Context .rmSeparator .rmText,
.RadMenu_new .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_new .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -408px;
}
 
/* </Separators> */
 
/* </RadMenu / Web20> */
 
 
 
 
 
 
 div.RadMenu_new {
 
    height: 38px;
 
}
 
 div.RadMenu_new .rmRootGroup {
 
    height: 38px;
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg.jpg&t=726445585');
 
}
 
 div.RadMenu_new .rmItem .rmLink {
 
    font-family: Arial;
 
    font-weight: bold;
 
}
 
 div.RadMenu_new .rmItem .rmLink:hover {
 
    background-image: none;
 
    height: 26px;
 
    background-position: 0px 0px;
 
    padding-left: 10px;
 
}
 
 div.RadMenu_new .rmItem .rmLink:hover .rmText {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    height: 26px;
 
    background-color: transparent;
 
    background-repeat: repeat-x;
 
    background-position: 100% 0px;
 
    color: rgb(255, 255, 255);
 
    font-family: Arial;
 
    font-weight: bold;
 
    padding-left: 12px;
 
}
 
 div.RadMenu_new .rmItem .rmLink .rmExpandDown {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    color: rgb(255, 255, 255);
 
    font-weight: bold;
 
}
 
 div.RadMenu_new .rmItem .rmExpanded {
 
    background-image: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Menu&skin=new&file=menu_bg_hover.jpg&t=726445585');
 
    height: 26px;
 
}
 
 div.RadMenu_new .rmItem .rmGroup {
 
    margin-top: 14px;
 
    background-image: none;
 
}
Ivan Zhekov
Telerik team
 answered on 15 Feb 2012
2 answers
287 views
Hello All,

I got a small requirement. I am using Rad Editor and it is working great.I want Image manager in that,If I give some sample folder,it is working good.

My requirement is,I want to load only some images into that Image Manger(of course,I can give only that images path). In my product,we have some customers and some properties.I want to display only that particular customer Images and properties(belongs to that customers) per one Login. we are storing images in a binary format. I can get Image Id's of the Images and by using the Image handler I can convert those images from binary data.

My questions regarding this requirement are:

1.Can Image Manager in the Rad Editor support with out folder( i.,Now I am using ViewPaths="~/Images",UploadPaths="~/Images", DeletePaths="~/Images" ). Can Rad Editor suitable for this requirement.If that is,Can you please help me?

2.I am designing some Email Templates with this where I need to bulk Image.If I want to send Emails with Images the domain Name in the Images must na to display them out site local host.Can It supports domain Path.

Eg:
http://www.smartrealtorsonline.com/CampaignHandler.ashx?MailingListId=some Guid

Please help me.

Thanks 
Rama.M 


 

														  
													  

Rumen
Telerik team
 answered on 15 Feb 2012
1 answer
70 views
Hi,
I use Telerik in a web application with iFrame and custom javascript/Jquery: my issue is related to javascript code executed twice, on page load; Do you have any idea about a reason?
thanks
Maria Ilieva
Telerik team
 answered on 15 Feb 2012
2 answers
340 views
Hi,

I am using 2008.Q2 telerik controls in our project. I have a situation like, onclick of button control, submitting the form. I have a gridview on the form. When page refreshes, gridview looses the stylesheet setting (like alternate row color). Is there any property i need to set to maintain the stylesheet settings on page refresh. I am using skin to style gridview.
Any help is appreciated.

Thanks
Veshala
Andrey
Telerik team
 answered on 15 Feb 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?