Telerik Forums
UI for ASP.NET AJAX Forum
6 answers
284 views
Hello,

I had a scenario where I have to make a gridboundcolumn editable based on griddropdowncolumn selection. I am able to fire the selectindexchanged event for the griddropdowncolumn but could not figure how to change the readonly property of a column in the event.

Any help would be greatly appreciated.

Thanks,
Kevin
Shinu
Top achievements
Rank 2
 answered on 31 Jul 2014
1 answer
155 views
Hi Team,

Couple of days back I saw grid demo which is having Edit, delete and insert buttons in one cell of row. 
If the user mouse over on that cell its expands and show edit,delete and insert buttons (grid data won't expand).
Can you please provide that demo link or code.

Thanks in Advance.
Princy
Top achievements
Rank 2
 answered on 31 Jul 2014
1 answer
113 views
I have a modal that has a source ListBox and a selected ListBox with AllowTransfer="true". I also have AutoPostBackOnTransfer="true" because otherwise the selected items didn't persist. the problem I'm having is that when I transfer an item and there is a postback, the ListBox of selected items moves from the right side of the source to directly below it. I can't figure out why this is happening. See the attached screen shots.

Here is the modal and the button that opens it:

                                            <asp:LinkButton ID="btnDeptDCVL" runat="server" Style="cursor: pointer; text-decoration: underline; padding-left: 10px" Text="Select" />
                                            <ajaxtoolkit:ModalPopupExtender ID="mPopupDept" runat="server" PopupControlID="pnlDept"
                                                TargetControlID="btnDeptDCVL" BackgroundCssClass="modalProgressGreyBackground"
                                                DropShadow="false">
                                            </ajaxtoolkit:ModalPopupExtender>
                                            <asp:Panel ID="pnlDept" runat="server" Height="450px" Width="514px" Style="display: none; background-color: AntiqueWhite;">
                                                <div style="padding: 20px">
                                                    Select Departments from the left. Double-click, drag and drop, or click the arrows to select.<br />
                                                    <telerik:RadAjaxPanel runat="server" ID="rap1">
                                                        <telerik:RadListBox ID="rlbDeptDCVL" runat="server" Width="250" Height="350" TransferMode="Copy"
                                                            AllowTransfer="true" AllowTransferOnDoubleClick="true" EnableDragAndDrop="true" AutoPostBackOnTransfer="true"
                                                            TransferToID="rlbSelectedDeptDCVL">
                                                            <ButtonSettings Position="Right" />
                                                        </telerik:RadListBox>
                                                        <telerik:RadListBox ID="rlbSelectedDeptDCVL" runat="server" Width="220" Height="350">
                                                        </telerik:RadListBox>
                                                    </telerik:RadAjaxPanel>
                                                    <p style="text-align: center;">
                                                        <asp:LinkButton ID="lnkOKDeptDCVL" runat="server" Text="OK" class="label" />
                                                        &nbsp;&nbsp;
                                                        <asp:LinkButton ID="lnkCancelDeptDCVL" runat="server" Text="Cancel" class="label" />
                                                    </p>
                                                </div>
                                            </asp:Panel>
Kim
Top achievements
Rank 1
 answered on 30 Jul 2014
7 answers
271 views
Hi,

I have a grid with sorting enabled.
I build the columns in the code-behind.
The grid also have static headers enabled.

When I click a header for sorting, the column is being sorted.
But when I click the arrow to change to the other sorting state, the arrow jumps to the next column.
Every extra click jumps the arrow a column to the right, instead of flipping the arrow in the same column.

I use version 2013.2.717.40.

Please advise.
Thanks,
Guy.
Mansi
Top achievements
Rank 1
 answered on 30 Jul 2014
2 answers
397 views
Hopefully this is an easy one..I am familiar with the CSS trick to right-align the last RadMenuItem for a RadMenu that is 100% wide:

div.RadMenu .rmRootGroup .rmLast   { float: right; } 
div.RadMenu .rmGroup     .rmLast   { float: none;  }

However, for a particular client, I need to have TWO (theoretically more but two for now) RadMenuItems right-aligned.. I cannot seem to figure out how to do this. The closest I could get was to have separate RadMenus contained within their own DIV (one float:left, one float:right). This put everything in the correct positions but left a whitespace gap in the middle that I could not seem to fill (not to mention borders on the edges that I couldn't get rid of even when using the tricks found in this forum..

So in short, is there a way to do this sort of like how tables do it (conceptually.. I know we all hate tables) where I could set my RadMenu to 100% width, set the first 4-5 RadMenuItems on the left to a fixed width, then somehow declare a separator item or such that would automatically fill up whatever is left over by the left items and the two that I would add after it?

I feel like I am missing something very easy but for the life of me I can't figure this one out.
Aaron Abdis
Top achievements
Rank 1
 answered on 30 Jul 2014
1 answer
263 views
Hi everyone,

I've got Grid with filter columns and everything works fine except focus.
I lost focus after FilterDelay elapsed. I tried to set focus with
ItemCommand and PreRender but cursor appears at the beginning of
textbox, not at the end, like this demo. (Client side binding)

How can I fix that? Is it possible?

Regards,

Kurt
Konstantin Dikov
Telerik team
 answered on 30 Jul 2014
1 answer
229 views
Hello experts i want to create a dynamic menu  from the database just like the one in the following link

http://demos.telerik.com/aspnet-ajax/panelbar/examples/overview/defaultcs.aspx

my table structure is

screen_id , screen_name, parent_id, link
1,"Home",0,"/Home.aspx"
2,"MyContact",1,"/MyContact.aspx"
3,"MyTasks",1,"/MyTasks.aspx"

my problem is that i am not been able to place a sub menu under its parent menu at  e.g. menu id 2 and 3 under menu id 1.In ASP.net i used to use this line Menu1.FindItem(dr["ParentID"].ToString()).ChildItems.Add(mnu); but in Telerik i am not been able to use any of the function "FindItemByValue", "FindItem", "FindItemByText".

if any one can help?
Boyan Dimitrov
Telerik team
 answered on 30 Jul 2014
5 answers
79 views
Hi there,

I have a chart that has active areas set but when the page is rendered and the area is drawn with html, it has a blue outline where the area is. I tried the typical img border:none stylesheet trick but it does not work. Is there an attribute I can set or anything to make this line go away?

I have attached a screenshot of the chart I'm working with, the line is around the blue piece with the 15 over it.
Garrett
Top achievements
Rank 1
 answered on 30 Jul 2014
4 answers
181 views
Hello.
I have a rad grid with the Header Context Menu enabled.
When I hide a column by deselecting it in the Header Context Menu, the rad grid does not re size correctly in IE8. White space appears at the end of the screen in place of the hidden column.
In IE9 the rad grid re sizes correctly.

My aspx code is:

<%@ Page Language="c#" %>
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head runat="server">
  <title>Test</title>
</head>
<body>
  <form runat="server" id="Form1" method="post">
  <telerik:RadScriptManager ID="RadScriptManager" runat="server" />
  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
      <telerik:AjaxSetting AjaxControlID="RadGrid1">
        <UpdatedControls>
          <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
        </UpdatedControls>
      </telerik:AjaxSetting>
    </AjaxSettings>
  </telerik:RadAjaxManager>
  <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
  <telerik:RadGrid runat="server" ID="RadGrid1" AllowFilteringByColumn="True" DataSourceID="SqlDataSource1"
    AllowSorting="True" ShowGroupPanel="True" AutoGenerateColumns="true" EnableHeaderContextMenu="True"
    GridLines="None">
    <MasterTableView FilterItemStyle-Wrap="true" FilterItemStyle-HorizontalAlign="Left"
      CommandItemDisplay="Top">
    </MasterTableView>
    <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True"
      AllowGroupExpandCollapse="true" AllowColumnHide="true" ColumnsReorderMethod="Reorder">
      <Resizing AllowColumnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true">
      </Resizing>
    </ClientSettings>
    <GroupingSettings ShowUnGroupButton="true" />
    <HeaderStyle Width="150px" Wrap="true" />
  </telerik:RadGrid>
  <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    ProviderName="System.Data.SqlClient" SelectCommand="SELECT TOP 10 CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"
    runat="server" />
  </form>
</body>
</html>

Thank you 
Natasha
Galin
Telerik team
 answered on 30 Jul 2014
3 answers
203 views
I have a User Control MainPage.aspx. Based on the tab clicked, it adds another control Page1.cs.Based on WorkFlow state, this adds another control Page2.cs.    Page2 has 5 controls out of which 2 are radgrids. Page 2 has an Update panel, where all the 5 controls are added. Since this is the page with the 2 radgrids which need to be ajaxified, I have added a RadAjaxManager here:
protected override void OnPreRender(EventArgs e)
 {
     base.OnPreRender(e);
     RadAjaxManager manager = new RadAjaxManager();
     manager = RadAjaxManager.GetCurrent(Page);
     manager.ID = "RadAjaxManager1";
     manager.AjaxSettings.AddAjaxSetting(_RadGridCtrl1, _UpdatePanel);
     manager.AjaxSettings.AddAjaxSetting(_RadGridCtrl2, _UpdatePanel);    
 
 }

Now Page2 to add the 1st grid, calls another class Inner1.cs, which based on certain conditions, calls Inner2 whcih again calls Inner3.cs which has the RadGrid. Here the RadGrid is simply added as   this.Controls.Add(this._RadGrid1); No panels or update Panels here.  Inner2 adds Inner3 in a Panel. I have added the RadAjaxManagerProxy to Inner1 as follows:
protected override void OnPreRender(EventArgs e
{    
   base.OnPreRender(e);         
   radProxy.ID = "RadAjaxManagerProxy2";
   radProxy.AjaxSettings.AddAjaxSetting(this._Inner2, _FsMain);
 }

A similar approach to add the second radGrid in the page is used. Page2.cs invokes Inner11.cs and adds it in an Update Panel. Inner11.cs has the AjaxManagerProxy as follows:
protected override void OnPreRender(EventArgs e)
 { 
      base.OnPreRender(e);
           
      radProxy.ID = "RadAjaxManagerProxy1";           
      radProxy.AjaxSettings.AddAjaxSetting(this._Inner22, _FsMain);
  }
Inner22.cs has the RadGrid. No panel or Update Panel here also.
These grids only allow delete, refresh and sort. Delete works good. But Refresh and Sort do not work.Both of them give the javascript error: Uncaught TypeError: Cannot set property 'control' of undefined.

Earlier, without the RadAjaxManagerProxy, I had both the grids with their own RadAjaxManager. Refresh worked but sort did not work. It would sort a column one way but on 2nd click sort the next column! Hence after research I used the proxy which seems the right approach but not working for me!

Viktor Tachev
Telerik team
 answered on 30 Jul 2014
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?