Questions on UI for ASP.NET AJAX Forum

4 answers

124 views

My telerik gridview has 3 image button itemtemplates, when grid is loading with huge records it is taking much time to load but when those 3 buttons are made visible false there is no much time to load the grid with any number of records.

Suggest me how to overcome above one.

Advance Thanks.

Grid

answered on 05 Jul 2011

0 answers

72 views

RadDateInput Total Time Format

Hello!

You can use a format for the RadDateInput total hours to receive? For example: 124:30.

Below is the code I am currently using:

<telerik: RadDateInput ID = "RadDateInputHours" Width = "34px" runat = "server" MaxLength = "5" DateFormat = "HH:mm"
DisplayDateFormat = "HH:mm">
</ telerik: RadDateInput>

Is it possible?

DataPager

asked on 05 Jul 2011

2 answers

117 views

RadMenu + RadWindow in a Compiled Control Class Library

I've created a class library for various custom controls that we use a lot, and it works great. I've gotten pretty comfortable designing the UI and all of that in pure code-behind. My latest control is an image rotator that grabs various information about each image from the EXIF data and displays it. I want to take it to the next level, so that the user can right-click on an image and click a menu item that pops up an edit window and change the EXIF data. I have each individual piece working, but I can't seem to get it to all go together. I have two thoughts on how I could accomplish this.

Use a separate "page" for the edit window (use the NavigateUrl on the RadWindow) and pass the image name on the URL. This is how I would normally do it - use the image name from the querystring to populate the current data, let the user change it, refresh the control on close. The problem with this approach is that I'm completely stuck figuring out how to generate a complete ASP.NET web form entirely in a class - in other words, create a page with the .aspx.cs file and no .aspx file. I can't even seem to get any guidance from Google on this one! I tried to create a class called EditForm.cs that inherits from System.Web.UI.Page and generating the form dynamically, then adding an httpHandler to my web.config to map "editForm.axd" to that class. It all works, but the "page" comes up empty when you to go it. Even if you just go directly to the page (http://localhost/MyNamespace.EditForm.axd), it's completely empty.
Use a ContentTemplate for the edit window instead. Unfortunately, this approach is nearly undocumented. When I click the RadMenu item, I can get the image name that the user clicked from javascript (by using OnClientItemClicked), but then there's no way to get that back to the RadWindow on the server side. So I tried setting a session variable in the ItemClick server-side event. I'd rather not have to post-back just to get the image name, but it is what it is. The problem with this approach is that I have no idea when to populate my RadWindow based on the data I have. The OnLoad event fires on the main page's Page_Load, so that's not an option. And there doesn't seem to be any kind of an OnShow type event server-side.

Is there an option I'm missing? Remember that all of this is getting compiled into a single class-library dll, so there are no designer files, no aspx files, etc. Pure code. Any guidance would be greatly appreciated!

Window

answered on 05 Jul 2011

1 answer

93 views

RAdRibbonbar in InnerHTML

I'm testing demo version.
I need do this...

          menuString = null;

          menuString = menuString +
                       "<telerik:RadRibbonBar ID=\"RadRibbonBar1\" runat=\"server\" Style=\"width: 100%\" Skin=\"Vista\"" +
                       " SelectedTabIndex=\"0\">" +
                       "<telerik:RibbonBarGroup Text=\"Search\">" +
                       "<telerik:RibbonBarGroup EnableLauncher=\"true\" Width=\"100%\" Text=\"Document navigation\">" +
                       "<Items>" +
                       "<telerik:RibbonBarButton Size=\"Large\" Text=\"First\" ToolTip=\"First Document\" Width=\"50px\"" +
                       "ImageUrlLarge=\"Images/resultset_first.png\" />" +
                       "<telerik:RibbonBarButton Size=\"Large\" Text=\"Previous\" ToolTip=\"Previous Document\"" +
                       "Width=\"50px\" ImageUrlLarge=\"Images/resultset_previous.png\" />" +
                       "<telerik:RibbonBarButton Size=\"Large\" Text=\"Next\" ToolTip=\"Next Document\" Width=\"50px\"" +
                       "ImageUrlLarge=\"Images/resultset_next.png\" />" +
                       "</Items>" +
                       "</telerik:RibbonBarGroup>" +
                       "</telerik:RibbonBarGroup>" +
                       "</telerik:RadRibbonBar>";

   myDiv.innerHTML = menuString ;

MyDiv is a Div in page.aspx.

The problem is that RadRibbonBar doesn't show in page, but exist in code behind when see generate code of aspx.

What is the problem?

Menu

answered on 05 Jul 2011

1 answer

103 views

Windows Server 2008 R2 Performance

Hi,

I'm currently developing a quite complex web application utilizing the Telerik RadControls ASP.NET AJAX (build 2010.3.1317.35) .

Everything is fine while I run my application on my Visual Studio 2010 Development Server or on a Windows Server 2003, but when migrating to a Windows Server 2008 R2 machine performance drops DRAMATICALLY. More precise: Whenever a postback is triggered there is a 4-5 second delay until the server responds, indepently on the complexity of the triggered code behind. I have already tried different machines, reinstalled the OS multiple times and still...

The OS installation is clean, nothing running except IIS. The Database runs on a independent server - connectivity to the database server isn't an issue here too.

General Discussions

answered on 05 Jul 2011

1 answer

134 views

Set RadRotator ScrollDirection Client side

Hi,

I am using Telerik RadRotator version 2009.3.1208.20.
I am using ScrollDirection property in user control like below code

<

telerik:RadRotator PauseOnMouseOver="false" ScrollDirection="Left"

ID="BannerRotator" runat="server" OnItemDataBound="BannerRotator_ItemDataBound"

OnClientLoad="onRotatorLoadHandler" >

but i want to set rotator's ScrollDirection inside javascript function client side.

Please provide solution for that.I have checked lot of forum post but did not get any proper example to set it.

Thanks,

Divya

Rotator

answered on 05 Jul 2011

1 answer

43 views

a lot of unnecessary space on the chart

How to get rid of unnecessary space on the chart?

Chart (Obsolete)

answered on 05 Jul 2011

1 answer

54 views

RadGrid in a FormView

Hi All,

I've got a RadGrid inside a formview. In the DataBound event of the formview I need to add the ItemDataBound event handler for the RadGrid. I can find the grid just fine using the formview.FindControl method but once done I cannot see the event in the list of properties and methods for a RadGrid. I was thinking that the below should work:

Dim uxRadGrid As Telerik.Web.UI.RadGrid = DirectCast(uxFormView.FindControl("uxRadGrid"), RadGrid)

uxRadGrid.ItemDataBound += New GridItemEventHandler(uxRadGrid_ItemDataBound)

From c# examples it appears to work but in VB.Net you can't access the event view uxRadGrid.ItemDataBound. How do I work around this? You can't even access the event when trying this outside of a formview.

Regards,

Jon

Grid

answered on 05 Jul 2011

9 answers

224 views

Step through nested sqldatasource in radgrid nestedtemplateview

I have a NestedViewTemplate within a RadGrid. Within the NestedViewTemplate I have two other Rad-grids showing data to the parent RadGrid. I'm using a sqldatasource with storedprocedures to populate the data - both on the parent and the embedded grids. The data is populating just fine for all grids. However, when attempting to update the embedded grid, I get the error message:

Procedure or function 'x' has too many arguments specified.

I was already able to debug the parent sqldatasource becuase I received the same error. I did so following another thread on the forum describing how to identify the sql parameters using the sqldatasource updating event to identify the parameters being passed to the data source as well as the names. However, the Visual Studio 2005 code-behind page doesn't recognize the embedded sqldatasource events. If I manually create it, I get a compile error. How can I set up one to view the parameters being passed?

Grid

answered on 05 Jul 2011

1 answer

228 views

Grid virtual scrolling with 100% height

I implemented the second type of virtual scrolling on the following page.
http://www.telerik.com/help/aspnet-ajax/grid-virtual-scrolling.html
I created a more flexible implementation while adding 100% height functionality.

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

<style type="text/css">

html, body, form

{

height: 100%;

width: 100%;

margin: 0px;

padding: 0px;

}

</style>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" 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" />

<script type="text/javascript">

var activeGrid;

function RadGrid1_OnGridCreated(sender, e) {

activeGrid = sender;

RadGrid1_Resize();

}

function RadGrid1_Resize() {

setTimeout(function () {

if (!activeGrid) return;

var scrollDiv = activeGrid.GridDataDiv;

if (scrollDiv) {

var scrollHeight = document.body.offsetHeight - scrollDiv.offsetTop;

var footer = activeGrid.GridFooterDiv;

if (footer) {

scrollHeight -= footer.offsetHeight;

}

var pager = activeGrid.PagerControl;

if (pager) {

scrollHeight -= pager.offsetHeight;

}

scrollDiv.style.height = scrollHeight - 2 + "px";

}

}, 0);

}

window.onresize = window.onload = RadGrid1_Resize;

function RadGrid1_OnScroll(sender, eventArgs) {

if (eventArgs.isOnBottom) {

var masterTableView = sender.MasterTableView;

if (masterTableView.PageSize * (masterTableView.CurrentPageIndex + 1) < masterTableView.get_virtualItemCount()) {

masterTableView.fireCommand("PageSizeIncrease", "50");

}

</script>

test

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" Height="100%" PageSize="50" AllowPaging="True" AllowCustomPaging="true">

<MasterTableView Width="100%" />

<PagerStyle Visible="false" />

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<ClientEvents OnGridCreated="RadGrid1_OnGridCreated" OnScroll="RadGrid1_OnScroll" />

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Private Sub RadGrid1_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand

Select e.CommandName

Case "PageSizeIncrease"

RadGrid1.PageSize += e.CommandArgument

RadGrid1.Rebind()

End Select

End Sub

Private Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

Dim Table As New DataTable

Table.Columns.Add(New DataColumn("Id", GetType(Integer)))

Dim nStart As Integer = (RadGrid1.CurrentPageIndex * RadGrid1.PageSize) + 1

Dim nEnd As Integer = (RadGrid1.CurrentPageIndex + 1) * RadGrid1.PageSize

For i As Integer = nStart To nEnd

Dim Row As DataRow = Table.NewRow

Row("Id") = i

Table.Rows.Add(Row)

Next

RadGrid1.DataSource = Table

RadGrid1.VirtualItemCount = "1000"

End Sub