Questions on UI for ASP.NET AJAX Forum

9 answers

397 views

RadTabStrip vertical orrientation

Can i do Intended-vertical-left align tabs like i draw in the attached file..? help required

TabStrip

answered on 14 Jan 2013

1 answer

557 views

Vertical scrollbar in grid

HI,
I have an aspx page in which i have added a div and inside the div i have the radgrid.

When the user adds new item, the page height is getting increased. How to add a vertical scrollbar in the grid, so that grid height does not affect the page height.
Currently the UI is as below:

<div class="my_Table" style="overflow:auto;">

<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" Height="75px"

Width="75px" Transparency="25">

<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

style="border: 0;" /></telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="radgrid1" runat="server" ShowStatusBar="True" ShowFooter="True"

OnItemCommand="radgrid1_ItemCommand" OnDeleteCommand="radgrid1_DeleteCommand"

OnInsertCommand="radgrid1_InsertCommand" OnUpdateCommand="radgrid1_UpdateCommand"

OnNeedDataSource="radgrid1_NeedDataSource" OnItemDataBound="radgrid1_ItemDataBound" OnPreRender="radgrid1_PreRender"

CellSpacing="0" GridLines="None">

<MasterTableView DataKeyNames="ProductNumber" AutoGenerateColumns="false" EditMode="InPlace" CommandItemSettings-ShowRefreshButton="false"

CommandItemDisplay="Bottom" CommandItemSettings-AddNewRecordText="Add New Order">

<Columns>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" >

</ClientSettings>

</telerik:RadGrid>

</div>

How to fix this?
Thanks

Grid

answered on 14 Jan 2013

4 answers

328 views

Remove pop-up edit form's titlebar "X" and fixed positioning

Hello, I'm new to RadControls, I'm trying to see if there's a way to use CSS to remove the close icon "X" from the title bar of the edit form pop-up window? I also want to position the pop-up edit form in the center of the screen below the grid and prevent users from moving it around. Are there any built-in options within RadControls that I can use to accomplish these stylings? Thanks in advance.

UPDATE: Forgot to mention that I'm using a custom edit form template.

Grid

answered on 14 Jan 2013

1 answer

126 views

When using ContextMenuControlTarget class the context menu appears in header as well

Hi,

The Telerik's grid is incorporated in our user control (derived from UserControl). I had a requirement to allow context menu to show up on grid's row and we use RadContextMenu in conjunction with ContextMenuControlTarget. Actually, I have to use ContextMenuControlTarget. I have a simple test project where everything works fine with RadContextMenu only. But, in our main complex project I have to use ContextMenuControlTarget to show grid's context menu. If I don't use it the context menu doesn't appear. I don't know why.

So, I'm not sure when to use RadContextMenu only and when with ContextMenuControlTarget.

There's another issue. When I use ContextMenuControlTarget the context menu appears not only when I select grid's row but in header as well. We don't need the context menu to appear in header.

Here's the code I use:

public class GridContextMenu : RadContextMenu

{

...

}

protected override void OnInit(EventArgs e)

{

  base.OnInit(e);



  var contextMenu =

new Parus.Controls.GridContextMenu();



  var target =

new ContextMenuControlTarget();

target.ControlID = this.GridControl.ID;



  contextMenu.ID =

this.GridControl.ID + "_RadMenu";



  CreateContextItems(contextMenu.Items,

this.Frame.ViewFrameData.ActionItems);



  contextMenu.LinkedControlClientId = ServerRequest.ClientID;

contextMenu.OnClientItemClicked = "GridContextMenu_ActionsHandler";



  contextMenu.Targets.Add(target);



  this

.PostbackPanel.ContentTemplateContainer.Controls.Add(contextMenu);



  ...

}

My question is - how can I get rid of ContextMenuControlTarget or if it's not possible how to disallow it to appear in grid's header?

Grid

answered on 14 Jan 2013

11 answers

186 views

RadTabStrip Q3 NavigateUrl Not Working in Mobile Safari

We have a RadTabStrip that uses NavigateUrl on the tabs. With Q2, it worked fine on desktop browsers and on the iPad/iPhone. Now that we have upgraded to Q3, touching the tabs on the iPad/iPhone no longer works. It does not navigate to the URL. We reverted to Q2, and it works again.

Oddly enough, while we were debuggiing with Q3, if we put something in the OnClientTabSelected event, such as

OnClientTabSelected = "alert('blah');"

, then the click event started working on the iPad/iPhone again. Of course, it throws a JavaScript error in IE8, so it's not a viable workaround.

TabStrip

answered on 13 Jan 2013

0 answers

85 views

AJAX ranking tool

can any one write a sample code for me, raking tool implement with cookie

Ajax

asked on 13 Jan 2013

5 answers

136 views

Drag / Drop RadGrid items across frames?

I have a frameset page containing 2 frames. Within each frame is a page containing a RadGrid. Is there a way to drag / drop items from one grid to another ACROSS frames? I can already drag / drop within a page between 2 grids without any issues. But I need to be able to do it across the frames. Any help is appreciated.

Sara

Grid

answered on 12 Jan 2013

2 answers

128 views

hide select button

How to hide select button in radasyncupload?

AsyncUpload

answered on 12 Jan 2013

2 answers

69 views

Load on Demand PageViewCreated not called

Hi,

sorry to create another Load On Demand post but it seems I cant find my issue in the previous ones Ive searched in. In my case, when trying to implement Load On Demand on my RadTabStrip, Ive noticed a weird behavior in the code.

When clicking on the tabs in the order they are presented and I skip one, then when I click on that skipped tab, its RadMultiPage's PageViewCreated dont get called. By looking at the tab's OnClientTabSelecting client-side function, it seems the tab already has a pageview assigned and it's id is the same then the tab we click when doing the skipping.

Here's the code to replicate the problem with 4 tabs:

<%@ Page Language="C#" AutoEventWireup="True" Inherits="PL.Test" Codebehind="Test.aspx.cs" %>

<%@ 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 id="Head1" runat="server">

<title></title>

</head>

<body>

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

<script type="text/javascript">

function onTabSelecting(sender, args) {

if (args.get_tab().get_pageView()) {

if (args.get_tab().get_pageView().get_id()) {

alert("pageview of ID: " + args.get_tab().get_pageView().get_id() + " already loaded");

args.get_tab().set_postBack(false);

}

</script>

</telerik:RadCodeBlock>

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

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1">

</telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue" />

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="false" Skin="WebBlue" EnableDragToReorder="true" MultiPageID="RadMultiPage1" Orientation="HorizontalTop"

SelectedIndex="0" OnTabClick="RadTabStrip1_TabClick" OnClientTabSelecting="onTabSelecting" >

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated">

</telerik:RadMultiPage>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace PL

{

public partial class Test : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

CreateTabs();

}

private void CreateTabs()

{

AddNewTab(1);

AddNewTab(2);

AddNewTab(3);

AddNewTab(4);

RadTabStrip1.DataBind();

}

private void AddNewTab(int intTabIndex)

{

RadTab rootTab = null;

RadPageView pv = null;

rootTab = new RadTab();

RadTabStrip1.Tabs.Add(rootTab);

rootTab.Text = "Tab" + " " + intTabIndex.ToString();

rootTab.Value = "Tab_" + intTabIndex.ToString();

if (intTabIndex == 1)

{

pv = new RadPageView();

pv.ID = rootTab.Value;

RadMultiPage1.PageViews.Add(pv);

RadTabStrip1.Tabs[RadTabStrip1.Tabs.Count - 1].Selected = true;

RadMultiPage1.PageViews[RadMultiPage1.PageViews.Count - 1].Selected = true;

}

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

Console.WriteLine(e.PageView.ID);

}

protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

private void AddPageView(RadTab tab)

{

RadPageView pv = new RadPageView();

pv.ID = tab.Value;

RadMultiPage1.PageViews.Add(pv);

tab.PageViewID = pv.ID;

}

Page will start and create Tab 1. If you click on Tab 3 then Tab 2, you'll notice that Tab 2 pageview ID is already known and that "RadMultiPage1_PageViewCreated" doesnt get called. Same if you refresh and click Tab 2, then Tab 4 and then Tab 3. If you go 2, 3 and 4, all is fine. Is something wrong in my code?

TIA

Martin

TabStrip

answered on 11 Jan 2013

1 answer

69 views

Needs to remove the space of chartarea in RadChart control and display only the plot area

Hi,

We have requirement to display the RadChart control with plotarea only in one of the column of a Radgrid control. when implemented this requirement, we found that displays the empty space of chartarea, plot area. so the radchart control is not adapted to the column of a grid.
When tried to remove this empty space, (as mentioned in one of the forum, AutoLayout property set to false) it removes only the empty space of plot area. but it does not remove the empty space of chartarea (like title, xaxis, yaxis, legend) even if those visibility is set to false.

please assist to achieve this.

Regards,
Meenakshi

UI for ASP.NET AJAX in ASP.NET MVC

answered on 11 Jan 2013