Questions on UI for ASP.NET AJAX Forum

1 answer

286 views

Open master page RadWindow from content page

Hello,

I have a window (used to display error messages) which resides on the master page. This window is then called by a publically accessable function on the master code behind which can be accessed by the child pages. Now, if I attempt to use the RadGrid RowDrop function and an error occurs, the master window does not display. The window does appear if I force an error (give an invalid stored procedure name) on the population method, but in this situation a full page laod accurs.

I would greatly appreciate your assistance.

See sample code example below:

Master Page
--------------------
public void Show_Error_Msg(String strLocation, String strError)
{
            RadWindow objWindow = RadWindowManager1.Windows[0];
            (objWindow.ContentContainer.FindControl("lbl_error_local") as Label).Text = strLocation;
            (objWindow.ContentContainer.FindControl("lbl_error_msg") as Label).Text = strError;
            objWindow.VisibleOnPageLoad = true;
}

Content Page
---------------------

protected void RadGrid1_RowDrop(object sender, GridDragDropEventArgs e)
{
      try{
            throw new Exception("This is the error from the RowDrop function");
      }
      catch(exception err){ Master.Show_Error_Msg("Row Drop", err.Message.ToString()); }
}

Window

answered on 05 Apr 2011

4 answers

219 views

RadWindow size problem in IE9

Hi i have problem with size window in IE9. Size of window is not same in IE8 and IE9. Top window on image is in IE9 bottom window is in IE8.
NavigateUrl = http://content.gopas.cz/demo/MSOffice2010cz/14exc3/14exc34m.htm
My code:

<telerik:RadWindow ID="DemoLessionWindow" Skin="Web20" runat="server" VisibleStatusbar="false" BackColor="Black"

VisibleTitlebar="true" OffsetElementID="offsetElement" Width="1028" Height="690"

Behaviors="Close" KeepInScreenBounds="false" Modal="true" ShowContentDuringLoad="false" >

</telerik:RadWindow>

Window

answered on 05 Apr 2011

1 answer

86 views

Embedding a user control incorporating a RadGrid inside a RadCombo, which is in turn embedded in a RadGrid GridTemplateColumn

Hello. I would like to embed a user control that uses a RadGrid control inside a RadComboBox so that the control displays when the user clicks the dropdown. I would then like to use this RadComboBox in a GridTemplateColumn inside another RadGrid. I'll include the markup below.

<tel:GridTemplateColumn HeaderText="Assign To" UniqueName="AssignTo" AllowFiltering="false">

<ItemTemplate>

<tel:RadComboBox id="rcAssignTo" runat="server">

<ItemTemplate>

<uc:CaseworkerList ID="ucCaseworkerList" runat="server" DisplayMode="CaseTransferAssign"

OnAssignToCaseworker="ucCaseworkerList_AssignToCaseworker" />

</ItemTemplate>

</tel:RadComboBox>

</ItemTemplate>

</tel:GridTemplateColumn>

ucCaseworkerList has a public load method, which I call in the grid's ItemDataBound event handler as follows.

/// <summary>Handles rgActiveCases' ItemDataBound event by getting the CaseProgramUser

/// and AgencyProgram keys, finding the CaseworkerList control embedded in

/// the GridTemplateColumn's combobox, and calling its load method.</summary>

///

/// <param name="sender">Source of the event.</param>

/// <param name="e"> Grid item event information.</param>

protected virtual void rgActiveCases_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)

{

var item = e.Item as GridDataItem;

var cpuKey = (int)item.GetDataKeyValue(Constants.EntityKeys.CASE_PROGRAM_USER_KEY);

var apKey = (int)item.GetDataKeyValue(Constants.EntityKeys.AGENCY_PROGRAM_KEY);

var dropDown = item.FindControl("rcAssignTo") as RadComboBox;

if (dropDown != null)

{

var nestedView = dropDown.FindControl("ucCaseworkerList") as CaseworkerList;

if (nestedView != null)

{

nestedView.LoadCaseworkerList(apKey, cpuKey);

}

The problem with the above code is that nestedView always turns out to be null. In addition, I'm concerned that this code may prove to be too slow, and thus cause server timeouts. I'd appreciate any advice you can offer.

Grid

answered on 05 Apr 2011

1 answer

111 views

How to customize inherit Toolbar in asp.net

I tried inheriting tool bar for asp.net page but didnt work . Can some one guide me how to inherit tool bar control for web page?

thanks in advance.

ToolBar

answered on 05 Apr 2011

1 answer

128 views

SortOrder = "None" GroupByExpressions

I'm using the GroupByExpressions on the RadGrid, but I would not like my data to be sorted when bound.

Here is my mock up:

<telerik:RadGrid ID="HeadCountRadGrid" runat="server" Skin="Sunset_Custom" GridLines="Both"

AutoGenerateColumns="false" Width="100%" EnableEmbeddedSkins="false" AllowSorting="false"

OnNeedDataSource="HeadCountRadGrid_OnNeedDataSource" >

<MasterTableView BorderStyle="None" BorderWidth="0px" GroupsDefaultExpanded="true" GroupLoadMode="Client" >

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields >

<telerik:GridGroupByField FieldName="Section" HeaderValueSeparator=" " HeaderText=" " />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Section" SortOrder="None" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="Group" ItemStyle-HorizontalAlign="Right" HeaderText="" ItemStyle-Width="250" HeaderStyle-Width="270"/>

<telerik:GridBoundColumn DataField="NumberOfStudents" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Center" HeaderText="Number of Students" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Thank you,

Katie

Chart (Obsolete)

answered on 05 Apr 2011

1 answer

131 views

Scheduler's date range

Colleagues,

Who knows if it is possible to set a custom range of dates to scheduler's view? Say, Aplril 5th and April 6th. The default behavion gives "day", "week" and "month" options which is not always convinient for users.

Thank you all for any piece of advice...

- Stepan.

Scheduler

answered on 05 Apr 2011

1 answer

154 views

How to handle AJAX requests for nested controls

Hi, I have a PanelBar with one RadPanelItem, which has an itemtemplate with a RadGrid inside. Outside of the PanelBar, I have a treeview. The behavior I want is that when an item is selected under the treeview, it causes an AJAX request that refreshes the RadGrid only inside the RadPanelItem with new data based on the treeview item the user selected without causing a full postback.

The way I'm trying to get this to work is by capturing the onClientNodeClicking of the Treeview, I then attempt a ajaxManager.ajaxRequest call, and I can see that server-side code is executed, but for some reason nothing changes after it's done, which leads me to believe that I'm not doing something right.

Here's simplified code of what I'm trying to do:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script language="javascript" type="text/javascript">

function clientNodeClicking(sender, args) {

refreshGrid(args);

}

function clientNodeChecking(sender, args) {

refreshGrid(args);

}

function refreshGrid(args) {

InitiateAsyncRequest(args.get_node().get_value());

}

function InitiateAsyncRequest(arguments) {

var ajaxManager = $find("<%= ramNotification.ClientID %>");

ajaxManager.ajaxRequest(arguments);

}

</script>

</telerik:RadScriptBlock>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="rsmMain" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadAjaxManager ID="ramNotification" runat="server">

</telerik:RadAjaxManager>

<telerik:RadPanelbar ID="rpbContactType" runat="server" Width="100%" ExpandMode="FullExpandedItem" Height="275" >

<Items>

<telerik:RadPanelItem Text="Address Book" Value="MainRadPanel" Expanded="true" Selected="true">

<Items>

<telerik:RadPanelItem Value="AddressBook">

<ItemTemplate>

<telerik:RadGrid ID="rgAddressBook" runat="server" Width="100%" Height="225" AllowMultiRowSelection="true" >

<ClientSettings EnableRowHoverStyle="true" AllowDragToGroup="false" AllowGroupExpandCollapse="false">

<Scrolling AllowScroll="True" UseStaticHeaders="true" ScrollHeight="225" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" ClientDataKeyNames="ID, Address" DataKeyNames="ID, Address">

<Columns>

<telerik:GridBoundColumn DataField="ID" Display="false" UniqueName="ID"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AddressName" HeaderText="Name" HeaderStyle-Width="150" ItemStyle-Width="150" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Address" HeaderText="Address"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelbar>

<telerik:RadTreeView ID="rtvCategories" runat="server"

Width="100%"

Height="125"

CheckBoxes="true"

CheckChildNodes="true"

MultipleSelect="false"

BorderStyle="None"

BorderWidth="1px"

OnClientNodeClicking = "clientNodeClicking"

OnClientNodeChecking = "clientNodeChecking"

>

<Nodes>

<telerik:RadTreeNode Value="0" Text="First Item" />

<telerik:RadTreeNode Value="1" Text="Second Item" />

</Nodes>

</telerik:RadTreeView>

</div>

</form>

</body>

</html>

Public rgAddressBook As Telerik.Web.UI.RadGrid

Private _IDSelected As Integer = 0

Private Sub StatusNotificationsTest_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

rgAddressBook = rpbContactType.FindItemByValue("MainRadPanel").Items.FindItemByValue("AddressBook").FindControl("rgAddressBook")

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Page.IsPostBack = False Then

rgAddressBook.DataSource = GetRadGridData(_IDSelected)

End If

End Sub

Protected Sub rgAddressBook_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs)

rgAddressBook.DataSource = GetRadGridData(_IDSelected)

End Sub

Private Function GetRadGridData(ByVal ItemSelected As Integer) As DataTable

GetRadGridData = New DataTable

With GetRadGridData

.Columns.Add("ID", GetType(Integer))

.Columns.Add("AddressName", GetType(String))

.Columns.Add("Address", GetType(String))

End With

Dim NewRow As DataRow = GetRadGridData.NewRow

Select Case ItemSelected

Case 0

NewRow("ID") = "0"

NewRow("AddressName") = "John Doe"

NewRow("Address") = "johndoe@test.com"

Case 1

NewRow("ID") = "1"

NewRow("AddressName") = "John Smith"

NewRow("Address") = "Johnsmith@test.com"

End Select

GetRadGridData.Rows.Add(NewRow)

End Function

Protected Sub ramNotification_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs) Handles ramNotification.AjaxRequest

Dim argument As String = e.Argument

_IDSelected = argument

rgAddressBook.Rebind()

End Sub

Is there an example somewhere for something similar?

PanelBar

answered on 05 Apr 2011

2 answers

111 views

[Solved] How to Design, HTML, Preview rename?

How RadEditor Design, HTML, Preview button text rename?

Editor

answered on 05 Apr 2011

3 answers

499 views

RadGrid Popup not showing correctly with PopUpSettings-Modal="true"

<%@ Page Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"

Codebehind="ManageFAQsNew.aspx.cs" Inherits="TRAC.Connect.WebSite.ManageFAQsNew"

Title="TRAC Connect :: Manage FAQs" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<%@ Register Src="Caption.ascx" TagName="Caption" TagPrefix="cap" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MasterContentPlaceHolder" runat="server">

<asp:Panel ID="HeightAdjusterPanel" runat="server" Height="660" Width="98%">

<cap:Caption ID="MyCaption" runat="server" CaptionText="Manage FAQs" />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

</telerik:RadWindowManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radGridManageFAQs">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radGridManageFAQs" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="20"

MinDisplayTime="20">

</telerik:RadAjaxLoadingPanel>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function PopUpShowing(sender, eventArgs) {

var popUp = eventArgs.get_popUp();

var popUppopUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));

var popUppopUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));

var windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight);

var windowWidth = document.body.offsetWidth;

if (popUppopUpHeight == "") popUppopUpHeight = 300; // if the height isn't set on the popup, default to 300px

popUp.style.position = "fixed";

popUp.style.left = (Math.floor((windowWidth - popUppopUpWidth) / 2)).toString() + "px";

popUp.style.top = (Math.floor((windowHeight - popUppopUpHeight) / 2)).toString() + "px";

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid ID="radGridManageFAQs" runat="server" AutoGenerateColumns="False"

PageSize="15" AllowSorting="True" ShowStatusBar="True" AllowMultiRowEdit="true"

OnNeedDataSource="radGridManageFAQs_DataSource">

<MasterTableView CommandItemDisplay="TopAndBottom" TableLayout="Fixed" EditMode="PopUp"

DataKeyNames="FaqId,FaqPosition,Category">

<NoRecordsTemplate>

<div>

There are no records to display

</div>

</NoRecordsTemplate>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="CategoryCode.Description" HeaderText="Category"

FieldAlias="CategoryCode.Description" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="CategoryCode.ResultPosition" FieldAlias="CategoryCode.ResultPosition" />

<telerik:GridGroupByField FieldName="CategoryCode.Description" FieldAlias="CategoryCode.Description" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column"

EditImageUrl="~/images/Edit.bmp">

<HeaderStyle Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="FaqId" Display="False" HeaderText="Faq Id" UniqueName="FaqId"

FilterControlAltText="Filter FaqId column" />

<telerik:GridBoundColumn DataField="FaqPosition" Display="False" UniqueName="FaqPosition"

HeaderText="Faq Position" FilterControlAltText="Filter FaqPosition column" />

<telerik:GridBoundColumn DataField="CategoryCode.Description" Display="False" UniqueName="Desc"

HeaderText="Category Description" FilterControlAltText="Filter Desc column" />

<telerik:GridBoundColumn DataField="CategoryCode.ResultPosition" Display="False"

HeaderText="Category ResultPosition" UniqueName="ResPos" FilterControlAltText="Filter ResPos column" />

<telerik:GridBoundColumn DataField="Text" HeaderText="FAQ Text" UniqueName="Text"

FilterControlAltText="Filter Text column" Display="false">

<HeaderStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Category" HeaderText="Category" Display="False"

UniqueName="Category" FilterControlAltText="Filter Category column" />

<telerik:GridBoundColumn DataField="Subject" HeaderText="Subject" UniqueName="Subject"

FilterControlAltText="Filter Subject column">

<HeaderStyle Width="600px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Author" HeaderText="Author" UniqueName="Author"

FilterControlAltText="Filter Author column">

<HeaderStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateCreated" HeaderText="DateCreated" UniqueName="DateCreated"

Display="False" FilterControlAltText="Filter DateCreated column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ExpirationDate" HeaderText="Expiration Date"

UniqueName="ExpirationDate" FilterControlAltText="Filter ExpirationDate column">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this user?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn" FilterControlAltText="Filter DeleteColumn column" ImageUrl="~/images/Delete.bmp">

<HeaderStyle Width="30px" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="WebUserControl" UserControlName="FAQEditor.ascx"

PopUpSettings-Modal="true" PopUpSettings-Width="900" InsertCaption="Add New FAQ"

CaptionFormatString="Edit FAQ">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf" AddNewRecordText="Add New FAQ" />

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</asp:Panel>

</asp:Content>

Attached sceenshots and code above.

If i remove Grid Client Settings. Popup Box shows correctly but i can't adjust scroll for my grid and grid grouping option.

Let me know what I am doing wrong.

Thanks,

Grid

answered on 05 Apr 2011

1 answer

118 views

Legend colors

I have 8 items in my legend and it is reusing colors , it seems like there are only 6 colors by default with the built in skins. How can I add my own colors for the chart? I am using a Pie chart.

Thanks!

Chart (Obsolete)

answered on 05 Apr 2011