Questions on UI for ASP.NET AJAX Forum

1 answer

555 views

Code contains RadWindow with RadSplitter, inside which are two RadPanes. Second pane contains RadTextBox. I'am trying to remove scrollbars from window and i tried solutions like Scrolling="None", fixed positioning, but nothing seems to work.





<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DefaultCS2.aspx.cs"  Inherits="RadControlsWebApp1.DefaultCS2" %>

<%@ 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">

<html xmlns='http://www.w3.org/1999/xhtml'>

<head>

<title>Modal Popup</title>

</head>

<body>

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

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" Skin="Office2007" />

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

<telerik:RadAjaxPanel runat="server" ID="rapConfiguration" LoadingPanelID="ralpConfiguration" HorizontalAlign="NotSet">

<telerik:RadWindow ID="modalPopup" VisibleStatusbar="false" runat="server" AutoSize="true" OnClientResize="ResizeRadSplitter" OnClientCommand="ResizeRadSplitter">

<ContentTemplate>

<telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal">

<telerik:RadPane ID="Radpane4" runat="server" Width="100%">

Splitter Top Pane

</telerik:RadPane>

<telerik:RadSplitBar ID="Radsplitbar4" runat="server" CollapseMode="Forward">

</telerik:RadSplitBar>

<telerik:RadPane ID="Radpane5" runat="server" Height="100%" Scrolling="None" Width="100%">

<telerik:RadTextBox ID="chatBox" runat="server" TextMode="MultiLine" Resize="None" Rows="10" Width="100%"

EmptyMessage="type here" AutoPostBack="true" BorderStyle="None" Style="border: none; margin: 0 auto; outline: none">

</telerik:RadTextBox>

</telerik:RadPane>

</telerik:RadSplitter><br />

</ContentTemplate>

</telerik:RadWindow>

</telerik:RadAjaxPanel>

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

<script type="text/javascript">

function ResizeRadSplitter(sender, args) {

var splitter = $find("<%=MainSplitter.ClientID %>");

var container = $telerik.$(sender.get_contentElement());

splitter.resize(container.width(), container.height());

}

function showDialogInitially() {

var wnd = $find("<%=modalPopup.ClientID %>");

wnd.show();

Sys.Application.remove_load(showDialogInitially);

}

Sys.Application.add_load(showDialogInitially);

</script>

</telerik:RadCodeBlock>

</form>

Window

answered on 04 Jul 2013

1 answer

175 views

Grid with Frozen Columns and Tab Key

Hello,

We are using the RadGrid control and have more columns than can be viewed at one time on screen, so we use static headers and frozen columns, along with in-line editing controls.

The problem we are having is that when users navigate across the edit row, they use the Tab key, which is the expected way to navigate editing controls in a row as using the mouse would be way too cumbersome and time consuming. When the user reaches the last visible column in the grid and tabs to the next one, the frozen columns scroll with the rest of the columns, rendering the FrozenColumns feature useless unless the user is using the mouse to scroll across the grid.

I notice forum posts on this same issue dating back to 2008 with numerous promises from Telerik to fix it in the next official release. It's now 2013 and we are having this same problem. Can someone please provide a fix or workaround to correct this problem? I noticed one post from a Telerik person stating that you can subscribe to the edit control's onfocus event and scroll using javascript, but there was no example code to demonstrate this.

Has anyone successfully resolved this issue? If so, can you please post some example code demonstrating the fix?

Thanks,

Charlie

Grid

answered on 04 Jul 2013

5 answers

135 views

Issue with hierarchy template grid in radtab control

Hi,

The page contains RadTab. One of the tab has RadGrid with hierarchy template. Controls in the template are not rendered when OnItemCommand event is fired.

Page is designed as follows. When I expand row in RadGrid1 OnItemCommand event is fired. In the I am binding data to grdReportData grid but is not shown in the UI. Please refer the attachment for more details.Please have look at the HTML markup and let me know what wrong with it.

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

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

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" Skin="Black" ShowChooser="false" runat="server">

</telerik:RadSkinManager>

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"

EnableRoundedCorners="false" />

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

<telerik:AjaxSetting AjaxControlID="mainTab">

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadTabStrip runat="server" ID="mainTab" OnTabClick="OnMainTabClick" MultiPageID="mainTabMultipages"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Unit Test" PageViewID="pvUnitTest">

</telerik:RadTab>

</Tabs>

<Tabs>

<telerik:RadTab runat="server" Text="Static analysis" PageViewID="pvStaticAnalysis">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="mainTabMultipages" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="pvUnitTest">

<telerik:RadGrid AllowSorting="True" runat="server" ID="grdUnitTest" AutoGenerateColumns="true"

ShowFooter="true" EnableLinqExpressions="false">

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="pvStaticAnalysis">

<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" EnableTheming="true" runat="server"

AllowSorting="True" PageSize="50" AllowMultiRowSelection="False" OnItemCommand="RadGrid1_ItemCommand"

AllowPaging="True" GridLines="None" ShowGroupPanel="true">

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap">

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Details" PageViewID="PageView1">

</telerik:RadTab>

</Tabs>

<Tabs>

<telerik:RadTab runat="server" Text="Graph" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="PageView1">

<telerik:RadGrid AllowSorting="True" runat="server" ID="grdReportDataGrid" AutoGenerateColumns="true"

ShowFooter="true" EnableLinqExpressions="false">

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2">

<telerik:RadChart ID="RadChart2" Skin="DeepGray" runat="server" Height="400px" Width="1200px"

AutoLayout="true" AutoTextWrap="true">

</telerik:RadChart>

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

</NestedViewTemplate>

<telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"

DataField="Name" UniqueName="Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="CriticalErrors" HeaderText="Critical Errors"

HeaderButtonType="TextButton" DataField="CriticalErrors" UniqueName="CriticalErrors">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Errors" HeaderText="Errors" HeaderButtonType="TextButton"

DataField="Errors" UniqueName="Errors">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="CriticalWarning" HeaderText="Critical warnings"

HeaderButtonType="TextButton" DataField="CriticalWarning" UniqueName="CriticalWarning">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Warnings" HeaderText="Warnings" HeaderButtonType="TextButton"

DataField="Warning" UniqueName="Warning">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="TotalCount" HeaderText="Total Count" HeaderButtonType="TextButton"

DataField="TotalCount" UniqueName="TotalCount">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPageView>

</telerik:RadMultiPage>

<asp:Label Visible="false" ID="lblMessage" runat="server"></asp:Label>

</asp:Content>

Grid

answered on 04 Jul 2013

3 answers

118 views

paging issue in Radgrid.

Hi,

I have enabled paging in the "grdReportDataGrid" grid. Which is inside "RadGrid1" grid. When i navigating between "grdReportDataGrid" pages, "RadGrid1" is collapsing.

Expected output: "RadGrid1" should not collapse and user should see the request page in “grdReportDataGrid”

Here is the designer file.

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

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" Skin="Black" ShowChooser="false" runat="server">

</telerik:RadSkinManager>

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"

EnableRoundedCorners="false" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="mainTab">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="mainTab">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadTabStrip runat="server" ID="mainTab" MultiPageID="mainTabMultipages"

SelectedIndex="0" OnTabClick="mainTab_TabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Unit Test" PageViewID="pvUnitTest">

</telerik:RadTab>

</Tabs>

<Tabs>

<telerik:RadTab runat="server" Text="Static analysis" PageViewID="pvStaticAnalysis">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="mainTabMultipages" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="pvUnitTest">

<telerik:RadGrid AllowSorting="True" runat="server" ID="grdUnitTest" AutoGenerateColumns="true"

ShowFooter="true" EnableLinqExpressions="false">

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="pvStaticAnalysis">

<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" runat="server" AllowSorting="True"

PageSize="50" AllowMultiRowSelection="False" OnItemCommand="RadGrid1_ItemCommand"

AllowPaging="True" GridLines="None" ShowGroupPanel="true">

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView AllowMultiColumnSorting="True" GroupLoadMode="Server">

<NestedViewTemplate>

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap">

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Details" PageViewID="PageView1">

</telerik:RadTab>

</Tabs>

<Tabs>

<telerik:RadTab runat="server" Text="Graph" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="PageView1">

<telerik:RadGrid AllowSorting="True" runat="server" ID="grdReportDataGrid" AutoGenerateColumns="true"

ShowFooter="true" EnableLinqExpressions="false">

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2">

<telerik:RadChart ID="RadChart2" Skin="DeepGray" runat="server" Height="400px" Width="1200px"

AutoLayout="true" AutoTextWrap="true">

</telerik:RadChart>

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

</NestedViewTemplate>

<Columns>

<telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"

DataField="Name" UniqueName="Name">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPageView>

</telerik:RadMultiPage>

Code behind file:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.ExpandCollapseCommandName)

{

GridDataItem item = e.Item as GridDataItem;

RadGrid grdReportDataGrid = (item.ChildItem as GridNestedViewItem).FindControl("grdReportDataGrid") as RadGrid;

dynamic data = new[] {

new { ID = 1, Name ="Naaaame1"},

new { ID = 2, Name = "Naaaame2"},

new { ID = 3, Name = "Naaaame3"},

new { ID = 4, Name = "Naaaame4"},

new { ID = 5, Name = "Namaaae5"},

new { ID = 26, Name = "Naaaame26"}

};

grdReportDataGrid.DataSource = data;

grdReportDataGrid.DataBind();

}

protected void mainTab_TabClick(object sender, RadTabStripEventArgs e)

{

if (e.Tab.SelectedIndex == 1)

{

dynamic data = new[] {

new { ID = 1, Name ="Name1"},

new { ID = 2, Name = "Name2"},

new { ID = 3, Name = "Name3"},

new { ID = 4, Name = "Name4"},

new { ID = 5, Name = "Name5"},

new { ID = 26, Name = "Name26"}

};

RadGrid1.DataSource = data;

RadGrid1.DataBind();

}

Grid

answered on 04 Jul 2013

1 answer

69 views

Auto hide Radsliding Zone on postback

I have created a sliding zone that contains a listbox of property addresses. The user clicks on one of the properties and a postback occurs that populates the page with the property data. When the page loads, the sliding zone is still extended out and the only way to get it to retract is to move the mouse over the sliding pane's control. I've tried to force a retraction by setting the dockedpaneid on page load but that has no effect. Any ideas on how I can do this?

Splitter

answered on 04 Jul 2013

1 answer

74 views

Hierachical grid vb.net datasource

Hi,

I want to programm a hierachical grid with tabs with vb.net code

Like this one --> http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultvb.aspx?#qsf-demo-source

Can anyone could give me a code example how to do it with vb.net code?

Thank you very much in advance

Manuel Micko

Grid

answered on 04 Jul 2013

4 answers

181 views

[Solved] Render RadDatePicker using PageMethods

Hi,

I want to use a RadDatePicker clientside that I add dynamically to my page using a PageMethods.

I was wondering if it is possible to achieve this. I don't want to do any postback with it, so I don't care about the server code, I only want to use it client side.

I want to do something like this:

<telerik:RadButton runat="server" ID="btnTest" Text="test" AutoPostBack="false" OnClientClicked="click">

</telerik:RadButton>

<div id="divTest"></div>

VB

<System.Web.Services.WebMethod()> _

Public Shared Function AddDatePicker() As String

Dim sw As New StringWriter()

Dim writer As New HtmlTextWriter(sw)

Dim rdp As New RadDatePicker()

rdp.RenderControl(writer)

Return sw.ToString()

End Function

JS

<script type="text/javascript">

function click(sender, args) {

PageMethods.Test(

function(response) {

$("#divTest").html(response);

},

function(error) {

alert(error);

});

}

</script>

And then be able to use the value and client side events.

Thanks!

Calendar

answered on 04 Jul 2013

1 answer

74 views

RadGrid issue in IE 9 compatibility view

Hi,
I am using telerik RadGrid in my asp.net web application. I have 14 columns in which 4 columns are frozen. When i run my app using IE 9 browser everything works fine but, when i run the same using IE 9 compatibility view, only the frozen columns are displayed.

Can any one let me know how to resolve this issue?

Grid

answered on 04 Jul 2013

2 answers

99 views

Cancel appointment feature

Hello!

Love the scheduler control developed by you guys! I just am trying to to do one little thing and would like some help

I need a separate functionality for cancelling an appointment as well as deleting it. For example: sometimes a user makes a mistake and makes an appointment and those need to be deleted, however other times the appointment is valid but the person calls in cancelling the appointment so I want to record those separately. I can't seem to find any functionality in the scheduler that deals with cancelling an appointment you can only delete it. Can anyone point me in the right direction as to how i can achieve that? Thanks!

Scheduler