Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
117 views
i wants to create radmenu with different css. i have one example of menu , i wants exactly same css for radmenu.
i checked option on telerik site as create own css , but not able to achieve what i want.

Please find attached file and if is it possible can you plz send me the css.
i want to use less images for css , wants to use color rather than image.


Kate
Telerik team
 answered on 21 Dec 2011
1 answer
231 views
I getting a error when I have a updatePanel inside RadGrid Control

Error description:
Cannot unregister UpdatePanel with ID 'udpItemOption' since it was not registered with the ScriptManager. This might occur if the UpdatePanel was removed from the control tree and later added again, which is not supported.
Parameter name: updatePanel

Code behind
 protected void grdWishList_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
        {
                   switch (e.CommandName)
                    {
                        case "Remove":
                            int.TryParse(e.CommandArgument.ToString(), out _selectedIndex);
                            WishListPresenter presenter = (WishListPresenter)this.GetPresenter();
                            presenter.RemoveWishListItem();
                            pnlWishList.DataBind();
                            break;
                    }
        }

Page HTML Code:

    <div class="scWishListWrapper">
        <asp:Panel ID="pnlWishList" runat="server">
                    <div id="table-container" visible="<%# _hasWishListItems %>">
                        <telerik:RadGrid ID="grdWishList" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                            OnPageIndexChanged="grdWishList_PageIndexChanged" 
                            AllowSorting="true" SkinID="RadGrid" OnItemCommand="grdWishList_ItemCommand"
                            OnItemDataBound="grdWishList_ItemDataBound" OnPageSizeChanged="grdWishList_PageSizeChanged">
                            <MasterTableView AllowMultiColumnSorting="true" CommandItemDisplay="Bottom">
                                <Columns>
                                    <telerik:GridTemplateColumn SortExpression="RefProductNumber" ItemStyle-CssClass="GridItemOptionColum">
                                        <ItemTemplate>
                                            <uc3:wucItemOption runat="server" ID="wucItemOption1" ItemNumber='<%# Eval("ItemNumber") %>'
                                                RefProductNumber='<%# Eval("RefProductNumber")%>' AddToCartCommandName="AddToCart" />
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                </Columns>
                                <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false" ShowExportToWordButton="true"
                                    ShowExportToExcelButton="true" ShowExportToCsvButton="true" ShowExportToPdfButton="true" />
                            </MasterTableView>
                            <SortingSettings EnableSkinSortStyles="false" />
                            <PagerStyle Mode="NextPrevNumericAndAdvanced" />
                            <ExportSettings ExportOnlyData="False" FileName="ExportedRadGrid" OpenInNewWindow="True"
                                IgnorePaging="True" />
                        </telerik:RadGrid>
                    </div>
                
        </asp:Panel>
    </div>

HTML wucItemOption:

<div class="scItemOption">
    <asp:UpdatePanel ID="udpItemOption" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Button SkinID="addtoCartButton" ID="lnkAddToCart" runat="server" Text="Add To Cart"/>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
Maria Ilieva
Telerik team
 answered on 21 Dec 2011
2 answers
66 views
Hi all,

I have a grid where I want to switch columns and rows, so the column header should be displayed lefthand:

Normal grid:
Firstname - Lastname - Country
Joe       - Black    - USA
Tom       - Cruise   - USA
Tom       - Hanks    - USA

I want:
Firstname:  Joe   - Tom    - Tom
LastName:   Black - Cruise - Hanks
Country:    USA   - USA    - USA


I've found some old postings from 2007 and 2009 recommending this demo http://demos.telerik.com/aspnet-ajax/grid/examples/programming/pivot/defaultvb.aspx but the postings are already 2 years old and I wonder whether this is now possible easier? I also need to have the filters but it seems with current demo it just creates one large table, removing all the advantages (filtering, sorting, etc.) which are offered by RadGrid normally.

Many thanks!
Kai
Top achievements
Rank 2
 answered on 21 Dec 2011
2 answers
34 views

On my form all controls are in a asp panel. This panel is added to the RadAjaxManager in the UpdatedControls.  This panel contains a lot of textboxes that are validated with the jQuery validate plugin (bassistance.de). There is also a texbox that should be update form the server with a postback (the value comes from a webservice call). When the postback is done the whole main panel gets updated and my jQuery validation messages are gone. Is it possible just to update the one textbox and let the rest of the form as it is? The code sample is a test i can't get working like this.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPanelTester.aspx.cs"
    Inherits="BuckarooTester.AjaxPanelTester" ClientIDMode="Static" %>

<!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" type="text/css" media="screen" href="jquery.validate.password.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery.validate.js" type="text/javascript"></script>
    <script src="Scripts/jquery.validate.password.js" type="text/javascript"></script>
    <script src="Scripts/jquery.metadata.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <script id="validation" type="text/javascript">

            $(document).ready(function () {
                // validate signup form on keyup and submit
                var validator = $("#form1").validate({

                    rules: {
                        tbCompanyName: {
                            required: true,
                            minlength: 2
                        }
                    },

                    messages: {
                        tbCompanyName: {
                            required: "Bedrijsnaam verplicht",
                            minlength: jQuery.format("Minimaal {0} karakters voor bedrijfsnaam")
                        }
                    },

                    success: function (label) {
                        label.html("&nbsp;").addClass("checked");
                    }

                });

            });
        </script>

        <telerik:RadScriptManager ID="ScriptManagerMaster" runat="server" EnableScriptGlobalization="True">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="pOrder">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="pMain">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pMain" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pSub" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"
            AnimationDuration="500">
        </telerik:RadAjaxLoadingPanel>

        <asp:Panel ID="pMain" runat="server" Height="100%">
            <table style="width: 500px; height: 100px; background-color: #FFFFCC;">
                <tr>
                    <td align="left" style="width: 50px;">
                        <asp:Label ID="Label1" runat="server" Text="Bedrijfsnaam:"></asp:Label>
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td align="left">
                        <asp:TextBox ID="tbCompanyName" runat="server" MaxLength="50">
                        </asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td align="left" colspan="3">
                        <asp:Panel ID="pSub" runat="server">
                            <asp:Button ID="btnUpdate" runat="server" Text="Update Button" OnClick="btnUpdate_Click" />
                            &nbsp;
                            <asp:TextBox ID="tbSubUpdate" runat="server" Text="Update me"></asp:TextBox>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Emiel
Top achievements
Rank 1
 answered on 21 Dec 2011
3 answers
76 views
Hi

I have one problem

In my grid I set pagesize =10

I added 11 records

It was showing in 2 pages.

When I removed 11th record from second page, It is not pointing to  first oage whihc has values.

It is showing 2nd page and saying that , there are no records to display.
Could you please help me to resolve this issue.

I really appreciate , if some one helps me regarding this.

Thanks
Usha
Mira
Telerik team
 answered on 21 Dec 2011
2 answers
89 views
Could you please clarify us can we use aggregation for GridTemplateColumn in last Telerik version? Thanks.
Andriy Mudriy
Top achievements
Rank 1
 answered on 21 Dec 2011
3 answers
86 views
We need some visual effects while dragging items from one grid to another. Specifically, we'd like the pointer to change to a plus sign when in a droppable area (but I've been told this isn't built in within a previous post), and we'd like to show a line before/after the grid items that we're dragging over to show where the record will be dropped to upon MouseUp. Is there any event to tap into that would allow this to happen? Or any other method to get this done?

I think what would be optimal is something like the OnClientDrag event that is part of the RadDock control. It doesn't look like the RadGrid has any similar events though.
Otto Neff
Top achievements
Rank 2
 answered on 21 Dec 2011
0 answers
126 views
Hi,

I have a problem with telerik control. If I use more different controls on page, last controls is not initialized. I try it with radwindow, radnotification, radgrid, radtoolbar, radtree, ...
See attachment.
If I reorder some control, is ok, but another is not initilized.
See last attachment

Thanks for answer.

With best regards

Ing. Roman Krsko
Roman Krsko
Top achievements
Rank 1
 asked on 21 Dec 2011
5 answers
280 views
Is there a way to remove all of the built in styles applied to a RadLinkButton? (ie: CSS Classes: "RadButton", "RadButton_Default", "rbLinkButton")


Thanks. 
Bozhidar
Telerik team
 answered on 21 Dec 2011
2 answers
56 views
I'm having issues with two things, anyone know how to fix these?

My headers are links because they are sortable in the grid. How do you make it so they aren't links in Excel? Also when I add the image it overlaps the data exported, it there a way to push the data down?


Thanks! 
Daniel
Telerik team
 answered on 21 Dec 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?