Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
101 views
Hi,
Im new to telerik control, One of the requirement we got is to open  a radWindow , radwindow is present inside radAjaxpanel.
RadWindow should  be open up on Click of html button.Im successfully till that part, Now radwindow contains a treeview aong with ASO.NET button "OK" and cancel html button. On Click of Cancel radwindow as to close and dont refresh parent radajaxpanel. When the user clicks on "OK" server side functionality to performed and update the parent radajax panel. Can anytell me how to perform

I tried adding javascript 

 function OnClientClose()
{
    $find("<%=radPanel.ClientID%>").ajaxRequest("Rebind");
}

In the radAJAXPANEL  i added OnAjaxRequest but nothing is working
-Mahender

Mira
Telerik team
 answered on 16 Aug 2011
1 answer
285 views
Hi all,

Please kindly advise
I want some item to unable to check, so I set checkable=false to a particular item at ItemDataBound event.
This cause Checkbox invisible and Item list indentation are not same, as show in below.

How to make checkbox visible but enable to check?
or
How to make Item List to show same indentation those with checkbox and without checkbox?



Thanks and best regards
Shinu
Top achievements
Rank 2
 answered on 16 Aug 2011
1 answer
68 views
I'm using this example

http://www.telerik.com/support/kb/aspnet-ajax/window/adding-a-custom-button-to-radwindow-titlebar.aspx

to add a custom dismiss button to a RadWindow that loads an aspx.


I cannot get access to content via the function 
    A.onmousedown = printWin; 
   as shown in the kb article.

I can use %find and jquery selectors to access the content when using the same function when responding to a mouse click on the page itself, but NOT when I use the custom button from the title bar.

TIA






Marin Bratanov
Telerik team
 answered on 16 Aug 2011
1 answer
86 views
Hi,
In my page there is a tooltip to show the details, below is the code for this tooltip
<telerik:RadToolTip runat="server" ID="tltpPrint"
                HideEvent="FromCode" Position="Center"  Width="270" Animation="None" ShowEvent="OnClick" 
                ShowDelay="0" ManualClose ="true"  EnableViewState="true" TargetControlID="Test" RenderInPageRoot ="true" 
                RelativeTo="BrowserWindow"  ShowCallout="False"  Modal ="true"  OffsetY ="50">                                    
                <telerik:RadAjaxPanel ID="PrintLayout" EnableAJAX="true" runat="server">
                <div style ="border-width :6px;border-color :Gray ;border-style :solid;"  >               
                    <div  class ="printMainDiv">
                        <span class="printLabel">Print Receipt</span>
                        <div  ID="PrintArea">                      
                        <div class ="printSubDiv1"><asp:Label ID="_lblvendor" runat ="server" Text ="sdf" CssClass ="printLabel" Font-Bold ="false" /></div>
                         <div class ="printSubDiv2" >
                            <div > <asp:Label ID="_lblPurchaseDate" runat ="server" Text ="purchase Date" Font-Bold ="false"  CssClass ="printLabel"/></div
                              <div> <asp:Label ID="_lblTransID" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel"/></div>                               
                        </div
                        <div  >
                            <div style ="float :left;width:140px" > <asp:Label ID="_lblPurchaselabel" runat ="server" Text ="Purchase Total:" Font-Bold ="false"  CssClass ="printLabel"/></div>
                            <div style ="float :left;" > <asp:Label ID="_lblPurchase" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel" Width="75px" style="text-align :right "/></div>
                            <div style ="clear :both "></div>
                              
                            <div style ="float :left;width:140px" > <asp:Label ID="Label8" runat ="server" Text ="Points Discount:" Font-Bold ="false"  CssClass ="printLabel"/></div>
                            <div style ="float :left;" > <asp:Label ID="_lblDisPoint" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel" Width="75px" style="text-align :right "/></div>
                            <div style ="clear :both "></div>
  
                            <div style ="float :left;width:140px" > <asp:Label ID="Label9" runat ="server" Text ="Amount Due:" Font-Bold ="false"  CssClass ="printLabel"/></div>
                            <div style ="float :left;" > <asp:Label ID="_lblAmountDue" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel" Width="75px" style="text-align :right "/></div>
                            <div style ="clear :both "></div>
                        </div>                                               
                        <div class ="printSubDiv2"><span class="printLabel">*************************</span></div>
                        <div class ="printSubDiv1"><asp:Label ID="_lblLoyaltyPlan" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel"/></div>
                        <div style ="float :left;width:140px"> <asp:Label ID="_lblPointRef" runat ="server" Text ="Points Subtracted:" Font-Bold ="false"  CssClass ="printLabel"/></div>
                        <div style ="float :left;" > <asp:Label ID="_lblEarnedPoints" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel" Width="75px" style="text-align :right "/></div>
                        <div style ="clear :both "></div>
                        <div style ="float :left;width:140px"> <asp:Label ID="Label6" runat ="server" Text ="Points Balance:" Font-Bold ="false"  CssClass ="printLabel"/></div>
                        <div style ="float :left;" > <asp:Label ID="_lblBalance" runat ="server" Text ="" Font-Bold ="false"  CssClass ="printLabel" Width="75px" style="text-align :right "/></div>
                         <div style ="clear :both "></div>
                        <div class ="printSubDiv2"><span class="printLabel">*************************</span></div>
                        <div style="padding-top :37px;" ><span class="printLabel" style ="text-align :center;padding-left :65px">THANK YOU!</span></div>
                        </div>
                 </div>
                    <div  class ="printMainDiv" style="height :50px">
                        <div style ="float :left;padding-left :27px;padding-top :17px"> <asp:Button Text="Print" runat ="server" Width ="86px" ID="_btnprint" OnClientClick ="getPrint('PrintArea');return false;"/></div>
                        <div style ="float :left;padding-left :10px;padding-top :20px"
                           <telerik:RadAjaxManager ID="rdajxmCancel" runat="server">
                                 <AjaxSettings
                                       <telerik:AjaxSetting AjaxControlID ="_lbnClose"></telerik:AjaxSetting>
                                   </AjaxSettings>
                             </telerik:RadAjaxManager>
                        <asp:LinkButton ID="_lbnClose" Text="Close" runat ="server" Width ="86px" Font-Underline ="true"  OnClientClick="CancelTooltip();"/></div>
                    </div>
                </div>               
              </telerik:RadAjaxPanel>                                
          </telerik:RadToolTip>

when viewing this tooltip in browser, I cann't scroll this with the page. when restore down the browser, the tooltip will not be shown fully. when changing RelativeTo property to 'Mouse' it will scroll,but it won't show in center of the page. How can i solve this issue?
Marin Bratanov
Telerik team
 answered on 16 Aug 2011
2 answers
77 views
 can i use the command object or PreRender to set the cursor, so the user can just start typing if it's a text field rather than move the mouse and set the cursor?
 thanks again for all of your help
rik
for instance:

protected void RadFilter1_ItemCommand(object sender, RadFilterCommandEventArgs e)
{
    if (e.CommandName == RadFilter.AddExpressionCommandName )
    {
       SOMEWHERE IN HERE???
}
rik butcher
Top achievements
Rank 1
 answered on 16 Aug 2011
3 answers
114 views
how do you postion a model dialog?

i have radwindowmanager on page
i set the left and top property of the radwindowmanager to 50, 50
when user clicks button i call client side script that calls "radopen"
the dialog is always centered in the middle of the screen.
i would like to postion it about 50 pixes from the top of the page.

thanks in advance.

PS, i also tried setting OnClientBeforeShow on radWindowManager and calling the moveTo method.  That doesn't work either.
Marin Bratanov
Telerik team
 answered on 16 Aug 2011
3 answers
268 views
Hi,

I have a simple RadDatePicker for which i add special days on the server side code. I intentionally make couple of days to be IsDisabled - true. On the aspx side, i applied the DisabledDayStyle css. But this class gets applied only for the first time when we load the datetime control. If i check for different months that was kept disabled, this class wasn't getting applied. How can we achieve this?

I know we have to do something on clientevent - ondayrender event but how do i actually capture the element? Let me know how do i proceed on this. I somehow do not want to again check for special days on the client side. Any code example would help.

.ASPX page:
<head runat="server">
    <title></title>
    <style type="text/css">
        .RadCalendar_Default .rcMainTable tr .DisabledClass a
        {
            color: #ebe6ca;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="ScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadDatePicker ID="radEffDate" runat="server" MinDate="1900-01-01" Culture="en-US">
            <Calendar runat="server">
                <ClientEvents />
                <DisabledDayStyle CssClass="DisabledClass" />
            </Calendar>
            <DateInput Enabled="false" runat="server">
            </DateInput>
        </telerik:RadDatePicker>
    </div>
    </form>
</body>

.CS
if (!IsPostBack)
            {
                radEffDate.SelectedDate = DateTime.Now;
 
                RadCalendarDay r = new RadCalendarDay();
                r.Date = DateTime.Parse("08/09/2011");
                r.IsSelectable = false;
                r.IsDisabled = true;
                radEffDate.Calendar.SpecialDays.Add(r);
                RadCalendarDay r2 = new RadCalendarDay();
                r2.Date = DateTime.Parse("07/09/2011");
                r2.IsSelectable = false;
                r2.IsDisabled = true;               
                radEffDate.Calendar.SpecialDays.Add(r2);
            }


Regards,
Kishan G K
Maria Ilieva
Telerik team
 answered on 16 Aug 2011
2 answers
108 views
Hello,

i am using radmenu bar for which i have used telerik image with some color changes but after  last menu bar it is not showing vertical bar  which i want .

i have atteched scrren shot and image which i have used for the same.

its very urgent :(

Below is my css.

/* <RadMenu / Default> */
  
.RadMenu_RadMenuCss .rmRootGroup,
.RadMenu_RadMenuCss a.rmLink,
.RadMenu_RadMenuCss .rmGroup .rmText,
.RadMenu_RadMenuCss .rmVertical .rmText,
.RadMenu_RadMenuCss .rmLeftArrow,
.RadMenu_RadMenuCss .rmRightArrow,
.RadMenu_RadMenuCss .rmTopArrow,
.RadMenu_RadMenuCss .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
  
.RadMenu_RadMenuCss .rmRootGroup
{
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}
  
/* <Root items> */
  
.RadMenu_RadMenuCss,
.RadMenu_RadMenuCss a.rmLink
{
    font-size: 14px
    font-family :Calibri;
    font-style:normal;
    color:#fff;
    background-color:#dcdcdc;
    text-decoration: none;
}
  
.RadMenu_RadMenuCss a.rmLink
{
    background-position: 0 -72px;
}
  
.RadMenu_RadMenuCss .rmVertical .rmFirst,
.RadMenu_RadMenuCss .rmVertical .rmLast
{
    background: none;
}
  
.RadMenu_RadMenuCss a.rmLink:hover,
.RadMenu_RadMenuCss a.rmFocused,
.RadMenu_RadMenuCss a.rmSelected
{
    color : #dcdcdc !important;
    background-color: #dcdcdc !important;
}
  
.RadMenu_RadMenuCss .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 12px;
}
  
.RadMenu_RadMenuCss_rtl .rmRootLink span.rmText
{
    padding-right: 12px;
}
  
.RadMenu_RadMenuCss_Context_rtl .rmRootLink span.rmText
{
    padding-right: 28px;
}
  
.RadMenu_RadMenuCss .rmHorizontal a.rmRootLink
{
    padding-left: 0;
}
  
.RadMenu_RadMenuCss_rtl a.rmRootLink
{
    margin-left: 0;
    padding: 0;
}
  
.RadMenu_RadMenuCss .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}
  
.RadMenu_RadMenuCss ul.rmHorizontal .rmLeftImage
{
    margin: 4px -4px 0 6px;
}
  
.RadMenu_RadMenuCss_rtl ul.rmHorizontal .rmLeftImage
{
    margin: 4px 6px 0 -4px;
}
  
.RadMenu_RadMenuCss .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
  
.RadMenu_RadMenuCss .rmVertical a.rmLink:hover,
.RadMenu_RadMenuCss .rmVertical a.rmFocused,
.RadMenu_RadMenuCss .rmVertical a.rmSelected,
.RadMenu_RadMenuCss .rmVertical a.rmExpanded,
.RadMenu_RadMenuCss .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
}
  
.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmFocused,
.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmSelected,
.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmExpanded,
.RadMenu_RadMenuCss .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
  
.RadMenu_RadMenuCss .rmVertical .rmLast a.rmLink:hover,
.RadMenu_RadMenuCss .rmVertical .rmLast a.rmFocused,
.RadMenu_RadMenuCss .rmVertical .rmLast a.rmSelected,
.RadMenu_RadMenuCss .rmVertical .rmLast a.rmExpanded,
.RadMenu_RadMenuCss .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
  
.RadMenu_RadMenuCss .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
  
.RadMenu_RadMenuCss a.rmExpanded,
.RadMenu_RadMenuCss a.rmExpanded:hover
{
    background-color: #fff;
}
  
  
/* </Root items> */
  
  
/* <Submenu items> */
  
.RadMenu_RadMenuCss .rmGroup,
.RadMenu_RadMenuCss .rmMultiColumn,
.RadMenu_RadMenuCss .rmGroup .rmVertical
{
    background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;
}
  
.RadMenu_RadMenuCss .rmTopFix,
.RadMenu_RadMenuCss .rmBottomFix,
.RadMenu_RadMenuCss .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_RadMenuCss_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff
    background-repeat: repeat-y;
}
  
* html .rmRoundedCorners_RadMenuCss .rmGroup .rmItem,
* html .rmRoundedCorners_RadMenuCss ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff
    background-repeat: repeat-y;
}
  
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
  
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrap .rmItem,
* html .rmRoundedCorners_RadMenuCss .rmHorizontal .rmItem,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrap .rmVertical
{
    background-image: none;
}
  
.RadMenu_RadMenuCss .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
  
.RadMenu_RadMenuCss .rmBottomLeft,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_RadMenuCss_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_RadMenuCss .rmRoundedCorners ul.rmGroup,
.RadMenu_RadMenuCss .rmRoundedCorners .rmMultiColumn
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent
    background-repeat: no-repeat;
}
  
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer,
* html .rmRoundedCorners_RadMenuCss .rmGroup ul.rmGroup,
* html .rmRoundedCorners_RadMenuCss ul.rmGroup
{
    background-imageurl('Menu/rmRoundedLeft.png');
    background-color: transparent
    background-repeat: no-repeat;
}
  
.RadMenu_RadMenuCss .rmTopRight,
.RadMenu_RadMenuCss .rmBottomRight
{
    background-imageurl('Menu/rmRoundedRight.png');
    background-color: transparent
    background-repeat: no-repeat;
}
  
  
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
  
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
  
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
  
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_RadMenuCss .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
  
  
.RadMenu_RadMenuCss_rtl li.rmTopFix,
.RadMenu_RadMenuCss_rtl li.rmBottomFix,
.RadMenu_RadMenuCss_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_RadMenuCss_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}
  
.RadMenu_RadMenuCss .rmSlide .rmScrollWrap
{
    background-image: none;
}
  
.RadMenu_RadMenuCss_rtl .rmGroup,
.RadMenu_RadMenuCss_rtl .rmMultiColumn,
.RadMenu_RadMenuCss_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}
  
.RadMenu_RadMenuCss .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}
  
.RadMenu_RadMenuCss .rmRootGroup .rmHorizontal
{
    background-image: none;
}
  
.RadMenu_RadMenuCss .rmScrollWrap .rmVertical
{
    border: 0;
}
  
.RadMenu_RadMenuCss .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_RadMenuCss_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_RadMenuCss .rmScrollWrapContainer li.rmItem
{
    background: none;
}
  
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmLink,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmLink:hover,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmFocused,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmSelected,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
  
  
  
.RadMenu_RadMenuCss .rmGroup a.rmLink,
.RadMenu_RadMenuCss .rmGroup .rmText,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_RadMenuCss .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
  
.RadMenu_RadMenuCss .rmGroup a.rmLink:hover,
.RadMenu_RadMenuCss .rmGroup a.rmFocused,
.RadMenu_RadMenuCss .rmGroup a.rmSelected,
.RadMenu_RadMenuCss .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
  
.RadMenu_RadMenuCss .rmGroup a.rmLink:hover .rmText,
.RadMenu_RadMenuCss .rmGroup a.rmFocused .rmText,
.RadMenu_RadMenuCss .rmGroup a.rmSelected .rmText,
.RadMenu_RadMenuCss .rmGroup a.rmExpanded .rmText
{
    color : #28638f
    background-position: 100% -192px;
}
  
  
/* </rtl> */
  
/* </Submenu items> */
  
/* <Submenu offsets (Default - specific, overlapping submenus)> */
  
.RadMenu_RadMenuCss .rmSlide
{
    margin: 0 0 0 -1px;
}
  
.RadMenu_RadMenuCss .rmVertical .rmSlide,
.RadMenu_RadMenuCss .rmSlide .rmSlide,
.RadMenu_RadMenuCss_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
  
.RadMenu_RadMenuCss_rtl .rmSlide
{
    margin: 0 0 0 0;
}
  
.RadMenu_RadMenuCss_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
  
.RadMenu_RadMenuCss_rtl .rmVertical .rmSlide,
.RadMenu_RadMenuCss_rtl .rmSlide .rmSlide,
.RadMenu_RadMenuCss_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
  
  
/* </Scrolling arrows> */
  
/* <Separators> */
  
.RadMenu_RadMenuCss .rmHorizontal .rmSeparator .rmText,
.RadMenu_RadMenuCss .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}
  
.RadMenu_RadMenuCss_Context .rmSeparator .rmText,
.RadMenu_RadMenuCss .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_RadMenuCss .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
  
/* </Separators> */
  
/* </RadMenu / Default> */
  
  
.RadMenu_RadMenuCss .rmVertical 
    background-color#28638f;
}
  
 .RadMenu_RadMenuCss .rmGroup .rmItem .rmLink
{
    TEXT-ALIGN: left;
    LINE-HEIGHT: 22px;
    FONT-STYLE: normal;
    TEXT-INDENT: -21px;
    font-size: 13px;
    PADDING-LEFT: 2px;
    MARGIN-LEFT: 2px;
    PADDING-RIGHT: 1px;
    MARGIN-RIGHT: 1px;
    PADDING-BOTTOM: 1px;
    MARGIN-BOTTOM: 1px;
}


Mugdha Aditya
Top achievements
Rank 1
 answered on 16 Aug 2011
3 answers
137 views
I'm using a radgrid right now, and I want to include some specific functionality.  I want to use the skin icons as for my custom imagebuttons.

How would I get the webresource url to use as the image url for any of the icons listed in the link below?

http://www.telerik.com/help/aspnet-ajax/grid-appearance-skins.html


I came across this thread

http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-use-the-telerik-icons-in-html.aspx

but the technique listed here doesn't work for me.  I'm just getting a broken image link.

Thanks,
Javier
Tsvetina
Telerik team
 answered on 16 Aug 2011
4 answers
1.0K+ views
Hi,
First of all, I am using a RadGrid control from the Q3 2009 package, Windows XP, IE...

I have a page which has a master grid which is linked to another table by datakeynames.  The problem is that this child grid, which works perfectly fine, shares the same space on the web (a table cell actually) with another grid (import grid).  The reason is when a user does something else on the page, this child grid hides and the other appears until the user selects a row on the master again. 

What I find is that if the import grid is visible and I click the master grid, the import grid doesn't hide as the code requests, and the child grid appears, but just as a bunch of text with no datagrid look to it at all.  I find though that if I click a button the postback kicks in properly and suddenly the import grid vanishes and the child table (with the same data as before) appears all nice and pretty.  So, after a lot of testing and research it seems the postback just isn't doing it's job.




This is my table for the child grid and the import grid in my aspx page:



 

<table style="width:100%;">

 

 

<tr>

 

 

<td class="style1" width="50%" align="left" valign="top">

 

 

 

<telerik:RadGrid ID="rgIngredients" runat="server" DataSourceID="odsIngredients"

 

 

AllowPaging="True" GridLines="None" Skin="WebBlue" PageSize="15"

 

 

AutoGenerateColumns="False" >

 

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

 

 

 

<MasterTableView DataKeyNames="trx-num" CommandItemDisplay="Top" >

 

 

 

<CommandItemTemplate>

 

 

<table width="100%" >

 

 

<tr >

 

 

 

<td style="text-align:center">

 

 

<asp:Label ID="OEHeaderType" Text="Ingredient List"

 

 

runat="server">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</CommandItemTemplate>

 

 

 

<Columns>

 

 

 

<telerik:GridBoundColumn DataField="sequence-no" HeaderText="Seq No." SortExpression="sequence-no"

 

 

UniqueName="sequence-no">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="line-item-type" HeaderText="Type" SortExpression="Type"

 

 

UniqueName="Type">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="product-no" HeaderText="Product No" SortExpression="product-no"

 

 

UniqueName="product-no">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="product-name" HeaderText="Description" SortExpression="product-name"

 

 

UniqueName="product-name">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="crop-yr" HeaderText="Crop Yr" SortExpression="crop-yr"

 

 

UniqueName="crop-yr">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="quantity" HeaderText="Quantity" SortExpression="quantity"

 

 

UniqueName="quantity">

 

 

</telerik:GridBoundColumn>

 

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

</telerik:RadGrid>

 

 

 

<telerik:RadGrid ID="rgImportedItems" runat="server"

 

 

GridLines="None" ShowFooter="false"

 

 

AutoGenerateColumns="false" Skin="Sunset"

 

 

ShowHeader="true" Width="85%" >

 

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

 

 

 

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Type,ProductCode,Qty,CropYr,UOM,Amount,Account,PCCtr" >

 

 

 

<CommandItemTemplate>

 

 

<table width="100%" >

 

 

<tr >

 

 

 

<td style="text-align:center">

 

 

<asp:Label ID="OEHeaderType" Text="Imported File"

 

 

runat="server">

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</CommandItemTemplate>

 

 

<Columns>

 

 

<telerik:GridBoundColumn DataField="Type" HeaderText="Type">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="ProductCode" HeaderText="Product Code">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Qty" HeaderText="Qty">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="CropYr" HeaderText="Crop Yr">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="UOM" HeaderText="UOM">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Amount" HeaderText="Amount">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="Account" HeaderText="Account">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn DataField="PCCtr" HeaderText="PCCtr">

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

</MasterTableView>

 

 

</telerik:RadGrid>

 

 

 

</td>


And this is what I've tried to do to fix this:

>this executes and nothing on the page changes until I click a button)

 

 

protected void rgCustomFormulas_ItemCommand(object source, GridCommandEventArgs e)

 

{

 

if (e.CommandName == "RowClick")

 

{

rgIngredients.Visible =

true;

 

btnUpload.Text =

"Upload File";

 

lblUpdate.Text =

"";

 

btnPostback_Click(

null, null);

 

}

}

 


>I also tried the __postback javascript thing

 

 

 

function selectAndPostBack() {

 

__doPostBack(

"<%= rgCustomFormulas.UniqueID %>", "RowClicked");

 

}

 

....

 

 

 

protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument)

 

{

 

base.RaisePostBackEvent(source, eventArgument);

 

 

if (source == this.rgCustomFormulas && eventArgument.IndexOf("RowClicked") != -1)

 

{

rgImportedItems.Visible =

false;

 

rgIngredients.Visible =

true;

 

btnUpload.Text =

"Upload File";

 

lblUpdate.Text =

"";

 

}

}

So, I've tried a few things.  I am just wondering why clicking a button (which has no code behind, just merely to trigger a postback) corrects the display, and nothing else I've tried so that it's automatic works.  Any suggestions would be appreciated :(

Iana Tsolova
Telerik team
 answered on 16 Aug 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?