We have a menu where the items appear with an offest of X = -15 and Y = 20. Just below and inward slightly from the right edge of the hovered item... However, when the window is shrunk, so the menu will collide with the edge of the browser, and is therefore repositioned to the left, the offset is applied from the RIGHT edge of the popup, so there is then a gap between the hovered item and the popup menu. We have a very small collapse delay, so when you move over this gap, the menu closes.

you can duplicate this behaviour on your own demo at http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/offsetingthegroups/defaultcs.aspx

Set the offset X to -15.

Now - when you hover over an item in the first menu, as expected, the popup appears indented to the left. However, shrink the window down so that the popup menu hasn't got enough room, and then pop it up. It appears to the left, with a 15px gap between it and the original menu.

This is probably by design, but I'd have though that the X offset wouldnt apply when the menu is flipped to the other side due to edge detection. The Y axis, maybe, but not the X axis.

Is there any clever workaround I can do? I can't see any client side code I can leverage to detect if a menu is being popped up on the opposite side...

Hi,

Is there news concerning fixing the issue below? (missing Open In... menu item).
It can be easily reproduced if navigate to your demo with IE.
I need at least the fix that will work for IE in compatibility mode.

Thanks,
Mykhaylo

Hi,

I am using radgrid nestedviewTemplate. export to PDF and Excel is not working. i have attached the code. please check and let me know how to solve this problem.

i have attached error message image also.

 <telerik:RadGrid ID="rgGlList" AllowFilteringByColumn="True" DataSourceID="sdsGlList"
                            runat="server" AutoGenerateColumns="False" AllowSorting="True" AllowPaging="True"
                            PageSize="15" GridLines="None" ClientSettings-Scrolling-AllowScroll="true"
                            Width="740px" CellSpacing="0">
                            <ExportSettings ExportOnlyData="true" IgnorePaging="True" OpenInNewWindow="true">
                                <Pdf PageWidth="1000px" Title="General Ledger List" />
                            </ExportSettings>
                            <MasterTableView DataSourceID="sdsGlList" DataKeyNames="pay_gl_id" Width="740px"
                                ExpandCollapseColumn-Display="false" CommandItemDisplay="Top" HeaderStyle-HorizontalAlign="Center"
                                AllowMultiColumnSorting="True" HierarchyLoadMode="ServerBind" TableLayout="Fixed">
                                <CommandItemSettings ShowExportToPdfButton="true" ShowExportToCsvButton="false" ShowExportToExcelButton="True"
                                    ShowExportToWordButton="false" ShowAddNewRecordButton="False" />
                                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn Display="False"
                                    FilterControlAltText="Filter ExpandColumn1 column" UniqueName="ExpandColumn1"
                                    Visible="True">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridExpandColumn HeaderStyle-Width="30px"
                                        ItemStyle-HorizontalAlign="Center" UniqueName="ExpandColumn">
                                        <HeaderStyle Width="30px" />
                                        <ItemStyle HorizontalAlign="Center" />
                                    </telerik:GridExpandColumn>
                                    <telerik:GridBoundColumn AllowSorting="true" DataField="GLNumber"
                                        FilterControlWidth="60px" HeaderStyle-Font-Bold="true" HeaderText="GL Number"
                                        SortExpression="GLNumber">
                                        <HeaderStyle Width="110px" />
                                    </telerik:GridBoundColumn>                                  
                                </Columns>
                                <NestedViewSettings DataSourceID="sdsGlChildList">
                                    <ParentTableRelation>
                                        <telerik:GridRelationFields DetailKeyField="pay_gl_id" MasterKeyField="pay_gl_id" />
                                    </ParentTableRelation>
                                </NestedViewSettings>
                                <NestedViewTemplate>
                                    <asp:Panel ID="pnlGlChildList" runat="server" CssClass="viewWrap" Width="650px">
                                        <div class="contactWrap">
                                            <fieldset style="padding: 10px;">
                                                <legend style="padding: 5px;"><b>Custom GL Details for :&nbsp; &nbsp;<%# Eval("Parent_GL_Number")%></b></legend>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <telerik:RadGrid ID="rgGlChildList" runat="server" AutoGenerateColumns="False" DataSourceID="sdsGlChildList"
                                                                    Width="600px" GridLins="Both" CellSpacing="0" GridLines="None">
                                                                    <MasterTableView AutoGenerateColumns="false" HeaderStyle-HorizontalAlign="Center">
                                                                        <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
                                                                        <Columns>
                                                                            <telerik:GridBoundColumn HeaderText="Location" HeaderStyle-Font-Bold="true" DataField="REPLOC">
                                                                            </telerik:GridBoundColumn>                                                                       
                                                                        </Columns>
                                                                    </MasterTableView>
                                                                    <HeaderStyle Wrap="false" />
                                                                </telerik:RadGrid>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </fieldset>
                                        </div>
                                    </asp:Panel>
                                </NestedViewTemplate>                      
                            </MasterTableView>                          
                            <GroupingSettings CaseSensitive="False" />
                            <HeaderStyle Wrap="false" />
                            <FilterMenu EnableImageSprites="False">
                            </FilterMenu>
                            <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
                            </HeaderContextMenu>
                        </telerik:RadGrid>


Thanks,
Dhamu.

I want to make the corners of my Rad Menu rounded by using css images. Is there a way I can make a simple div with rounded corners by using images but without using multiple div or any other tags for top-left, top-right, bot-left, bot-right.??

HELP!!!!!!!!!!!

I am using Rad Menu with default theme. I enabled rounded corners which works fine for sub-menu items. But I want the whole wrapper of all the menus also to be rounded. How can I do this using images because border-radius property doesn't work in IE 8 and earlier.

Hello,
I simply want to update control on MaterPage. Here is the Master Page aspx code:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" />
                <telerik:AjaxUpdatedControl ControlID="Label1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<asp:Button ID="Button1" runat="server" Text="Button" />
<h1> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </h1>    
<asp:Panel ID="Panel1" runat="server">
    <h1> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </h1>
</asp:Panel>

And the code behind is:

protected void Page_Load(object sender, EventArgs e)
{
    this.Label1.Text = System.DateTime.Now.ToLongTimeString();
    this.Label2.Text = System.DateTime.Now.ToLongTimeString();
}
What approach should I use ?

Hello,

I have a <select id='selectid'> element that has the "change" event bound
using $('#selectid').bind('change', select_Changed) or $('#selectid').change(select_Changed).
The event is fired correctly.

This control is client side only. It does not have a server id and is not sent through posts.

As soon as the form is decorated by the Telerik FormDecorator the bound event are
not fired anymore.

The original HTML is

<SELECT id=selectid>
    <OPTION selected>--</OPTION>
    <OPTION value=1>1. first</OPTION>
    <OPTION value=2>2. second</OPTION>
</SELECT>


The decorated HTML is :

<A style="WIDTH: 212px; cssFloat: undefined" id=Skinnedselectid class="rfdSelect rfdSelect_TheSkin" href="javascript:void(0)" unselectable="on" forSelect="selectid">
    <SPAN class=rfdSelectOuter>
        <SPAN class=rfdSelectText>--</SPAN>
    </SPAN>
</A>
<SELECT id=selectid class=rfdRealInput _rfddecoratedID="Skinnedselectid" jQuery15104498465490814524="3">
    <OPTION selected>--</OPTION>
    <OPTION value=1>1. first</OPTION>
    <OPTION value=2>2. second</OPTION>
</SELECT>

How can I get my events to be fired ?
Thanks for your help.

I have a date field for which I want to allow the user to group on, but I want to actually sort the grouping by another field.

For instance... the field being grouped on is formatted like so "10/12/2007", etc. It is a regular date field. But when the user groups on this field, my group by expression actually uses a different field, which is a text representation as found in Outlook ("Today, Yesterday, Last Week, etc.). The problem is when the user sorts the grouping, i need to use a different field to sort on since my text representation would not end up in the correct order (it would be alphabetical instead). I need to instead override this and use the original data field to sort the groups on. Is this possible?

Thanks!
Levi

Hi,

I need to known how can I check if parent node has a child.

Thanks,

Allan.

Hi sir,

 

I have used a rad combobox for listing states, I have set data source and AllowCustomText="true". When focus on the combobox then listed all items, I wants the items are listed only after enter a text in the rad combobox (drop down disabled on focus) .  eg:- if user enter ‘a’ then first letter of the sate will appear in the list.