Questions on UI for ASP.NET AJAX Forum

1 answer

216 views

Grid Edit and Delete column shifting to right with AutoGenerated columns

Hi,

I have a Grid with the AutoGenerated Columns set to true and The Edit,Delete Column defined in the MasterTableView in design time. Currently the Edit and Delete columns appear to be on the left hand side and the AutoGenerated columns next to Edit and delete columns. Now we need to shift the Edit and delete columns to the right without affecting the sequence of the columns generated. We have tried swapping the columns technique but it seems to effect the sequence of autogenerated columns.

Please can you let us know the direct way to achieve this a bit urgently.

Below is the part of code for your reference which creates the Edit Delete column to the left:

<telerik

:RadGrid AutoGenerateColumns="true" ID="grid" runat="server" AllowSorting="True"

AllowPaging="true" ShowFooter="false">

</FilterMenu>

</RowIndicatorColumn>

</EditColumn>

</EditFormSettings>

</ExpandCollapseColumn>

</CommandItemTemplate>

<telerik:GridTemplateColumn HeaderText="" UniqueName="Edit"

AllowFiltering="false">

<%

--<img onclick="javascript:handler('','ctl00_MainContentHolder_RadPanelBar3_i0_i0_grid','<%# Container.ItemIndex %>')" style="border: 0" src="images/Edit.png" alt="Edit" />--%>

<eui:eLabel ID="lblEdit" runat="server" Text="Edit" CssClass="label" ForeColor="Blue"></eui:eLabel>

</a>

</itemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="" UniqueName="Delete"

AllowFiltering="false">

<asp:TextBox id="txt1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "id")%>' style="display:none" ></asp:TextBox>

<a href="#" id='<%# DataBinder.Eval(Container.DataItem, "id")%>' title="Delete" onclick='Textt(this)'>

<%

--<img onclick="javascript:handler('','ctl00_MainContentHolder_RadPanelBar3_i0_i0_grid','<%# Container.ItemIndex %>')" style="border: 0" src="images/Delete.png" alt="Delete" />--%>

<eui:eLabel ID="lblDelete" runat="server" Text="Delete" CssClass="label" ForeColor="Blue"></eui:eLabel>

</a>

</itemtemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<Resizing AllowRowResize="false" EnableRealTimeResize="false" ResizeGridOnColumnResize="false"

AllowColumnResize="false"></Resizing>

</ClientSettings>

</telerik:RadGrid>

Thanks in Advance.

Grid

answered on 24 Feb 2011

1 answer

211 views

how to get the rowindex in text_changed event

hi

i have used this line to get the row index in the textchanged event but i didnt get any value and this is the line

int i = ((GridDataItem)(((RadNumericTextBox)sender).NamingContainer)).ItemIndex;

how to get the row index in text changed event

General Discussions

answered on 24 Feb 2011

8 answers

248 views

Possible bug with bullets and numbering tools?

I've found what appears to be a bug with the bullets and number options in the Editor control.

When in the editor enter some text and click the Numbering button to give you something like this:

text

Press ENTER twice to get back to a normal paragraph and then enter another line of text with a bullet. This will either work (randomly) or will indent the text directly below the numbered list above as a bullet giving a <UL> inside of the <OL> tag above it. If you then click the bullet button to remove the bullet it will be removed but then cannot be put back again using the button. Once you're in this position it seems impossible to reformat everything again and the entire section must be removed including the <OL> above or you never get the items where intended.

Ironically whilst trying to give examples in this post I have come across the same problem! I don't know if this page is using the same control or not but it's most frustrating.

Is this something you've come across?

Thanks

Dave

Editor

answered on 24 Feb 2011

6 answers

163 views

[Solved] changing back color

hi

how cn i change the back color of the row where i expanded a detail table?

thanks and regards
webster velasco

Grid

answered on 24 Feb 2011

1 answer

913 views

Setting RadGrid FilterExpression programmatically

I have a RadGrid who's filter expression I am setting from a saved value in a datastore on page load. Setting the filter programmatically seems to work just fine, however, as soon as I try to modify the filter (manually through the web interface) I loose all the filter information set in the page load method. This only happens the first time I change the filters after loading the page. After that, all filtering is persisted properly. Here's the code that programmatically sets the filter expresssion:

protected void LoadFilterExpressionFromSettings(GridTableView tbView, string filterExpression, Dictionary<string, Pair> dicColumns)

{

tbView.FilterExpression = Settings.ListFilterExpression;

foreach(KeyValuePair<string, Pair> p in dicColumns)

{

tbView.GetColumn(p.Key).CurrentFilterValue = ((Pair)p.Value).First.ToString();

tbView.GetColumn(p.Key).CurrentFilterFunction = (GridKnownFunction)((Pair)p.Value).Second;

}

The FilterExpression is set on the first line. The loop goes through each column to set the GirdFilterItem's TextBox.

------------------------------------------------------------------------------------------------------------------------------

Example (of what's going one):

RadGrid:

FirstName LastName Age
=================================
Bob Johnson 28
Jane Johnson 28
Sue Hanson 28
John Smith 31
Henry Smith 23
Hilary Porter 31
=================================

On page load, I might set a filter for the 'LastName' column ('Johnson'). After the page loads, I try to manually filter the age column to '28' but it resets the 'LastName' column filter (to NoFilter). When I change the 'LastName' column filter back to 'Johnson', it works just fine and the age filter persists as well. So it's just the first change I make that resets the filters which were programmatically set.

Any help is very welcome!

Trevor

Grid

answered on 24 Feb 2011

3 answers

255 views

SeriesItem.Label.Appearance.Position support in ChartSeriesType.Line?

I am using the Q3-2009 release and have successfully added static vertical lines as another series to a horizontal bar graph. The bar graph is a percentile representation of data with the vertical lines being the low end of a series of targets. I have scaled the graph to start at the low and high ends of the targets, with a little room above and below so that the lowest value in the data series is shown and the target series is shown clearly with outliers in the data series shown extending past the edge of the graph.

All of that works perfectly and I can upload a sample project that demonstrates the basics of how that is accomplished. What isn't working is the positioning of the SeriesItem labels. Your RadChart help references the [SeriesItem].Label.Appearance property, which is a broken link, and I drilled into the lightly documented (i.e. What's the Single value represent, pixels, percent of chart area?) API help for info on .Position.X and .Position.Y.

Here is the code I'm trying to implement.

The labels show up as they should, only one on the first item in the series, i.e. the bottom of the chart, but it refuses to move at all from the spot it is automatically drawn. Am I trying to affect this at the wrong point of its creation or is the documentation missing something and/or the interface exposing something it shouldn't, i.e. Position.X and Position.Y being public writable when they don't actually have any affect?

Chart (Obsolete)

answered on 24 Feb 2011

2 answers

131 views

Open a grid in edit mode from radscheduler

Sirs,

I currently have a splitter with a sliding zone with one pane for instructions, a second pane (id = RadPane3)with a rad scheduler looking at a sql table named diary. I have a need to not only show but edit the contact details for the visiting part. I use a grid in a third pane (id=RadPane4) for this - the datasource uses the appointment attribute client ref to retrieve data from the database.

The show part is easy enough by declaring custom attributes linked to the select query of the datasource.
As the contact details are held in a different table to the diary I have diabled the "start editing in advance form" option and tied the onappointmentupdated command as follows

Protected Sub Radscheduler1.AppointmentUpdate (ByVal sender As Object, ByVal e as Telerik.Web,UI.AppointmentUpdateEventArgs) Handles Radschedule1AppointymentUpdate

HiddenField.Value = e.appointment.Attributes("ClientRef")
Radgrid1.Databind
RadPane3.Collapsed=True
RadPane3.Visible=False
RadPane 4.Collapsed=False
RadPane4.Visible=True

end sub

Is there a way that I can insert into here a command that will automatically open RadGrid1 in edit mode without the user having to click the edit button ?

many thanks in advanced

Padster

Grid

answered on 24 Feb 2011

1 answer

159 views

Nested Grid Paging Issue

Hi,

In our project, we are using nested RadGrid, on click of any row, we
show RadListView as a child.
For performance point of view, we used pagination to both Parent Grid as well as for nested RadListView (Child).
AllowPaging=True to both parent & Child
On click of any grid row , we pass ID i.e one of the grid column data (in Grid's ItamDataBound event) as a input to Child RadListView.

my issue is that, whenever i select PageSize from Combobox or any paging button which is inside child RadListview, it calls only RadListViewObjectDataSource's OnSelecting mehtod, due to that the webservice gets input parameter as a empty.
and returns all records which is not related to that specific row.

My Question is where i set the input parameter, so that on a selection of page size in the ListView, the proper parameter could be send to webservice.

Grid

answered on 24 Feb 2011

0 answers

52 views

RadPanel is not working on Mozila Firfox

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="HomePage.aspx.vb" Inherits="BNBERP.WebForm1" %>

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

<title></title>

<link href="Styles/styles.css" rel="stylesheet" type="text/css" />

<style type="text/css">

.restrictionZone

{ top:58px;

position:absolute ;

width: 100%;

height: 575px;

}

.monitor

{

width: 100%;

height: 100%;

}

.tab

{

left:1px;

top:635px;

position:absolute;

width: 100%;

}

.taskbar

{

display: block;

float: left;

vertical-align:bottom;

}

</style>

</script>

</head>

<body>

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

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

</telerik:RadScriptManager>

<div class="monitor">

<div id="RestrictionZone" class="restrictionZone">

</div>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

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

<script type="text/javascript">

// <![CDATA[

var manager = null;

var tabStrip = null;

function pageLoad() {

//get a reference to the needed controls -

manager = $find("<%= RadWindowManager.ClientID %>");

tabStrip = $find("<%= RadTabStrip1.ClientID %>");

}

//opening the window

function OpenNewWindow(sender, args) {

var item = args.get_item();

var itemUrl = item.get_value();

var itemText = item.get_text();

if (itemUrl) {

var windowURL = itemUrl;

var oWnd = radopen(itemUrl, null);

oWnd.set_title(itemText);

oWnd.center();

tabStrip.trackChanges();

//create a new tab

var tab = new Telerik.Web.UI.RadTab();

//set the text of the tab

tab.set_text(itemText);

oWnd.correspondingTab = tab;

//add the tab to the tabstrip

tabStrip.get_tabs().add(tab);

tabStrip.repaint();

tab.correspondingWnd = oWnd;

tab.set_imageUrl(item.get_imageUrl());

tabStrip.commitChanges();

//Select this tab

tab.select();

}

function OnClientCommand(sender, args) {

//because we don't want to show the minimized RadWindow, we hide it after minimizing

//and raise the _Maximized flag (used in OnClientTabSelected)

if (args.get_commandName() == "Minimize") {

if (sender.isMaximized()) {

sender._Maximized = true;

}

sender.hide();

//raise the _toMinimize flag (used in OnClientActivate)

sender._toMinimize = true;

var tab = sender.correspondingTab;

if (tab) {

tab.set_selected(false);

}

function OnClientTabSelected(sender, args) {

//get a reference to the corresponding window

var win = args.get_tab().correspondingWnd;

if (!win) return;

if (!win.isVisible()) {

win.show();

win.restore();

//if the window was maximized before client minimizes it, we need to restore

//its maximized state

if (win._Maximized) {

win.maximize();

win._Maximized = null;

}

//ensure that the currently active RadWindow will have the highest z-Index.

var popupElem = win.get_popupElement();

var oldZindex = parseInt(popupElem.style.zIndex);

var styleZIndex = win.get_stylezindex();

var newZIndex = (styleZIndex) ? styleZIndex : Telerik.Web.UI.RadWindowUtils.get_newZindex(oldZindex);

popupElem.style.zIndex = "" + newZIndex;

win.setActive(true);

}

function OnClientActivate(sender, args) {

var tab = sender.correspondingTab;

if (tab && !sender._toMinimize) {

tab.set_selected(true);

}

sender._toMinimize = false;

}

function OnClientClose(oWnd) {

//remove the corresponding tab from the tabstrip

var tab = oWnd.correspondingTab;

if (tab) {

tabStrip.trackChanges();

tabStrip.get_tabs().remove(tab);

tabStrip.commitChanges();

}

// ]]>

</script>

</telerik:RadCodeBlock>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Default,Zone" />

<telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" BorderSize="1"

BorderStyle="None" PanesBorderSize="0" Height="96%" Orientation="Horizontal"

VisibleDuringInit="false">

<telerik:RadPane ID="topPane" runat="server" Height="54px">

<div class="header">

<div style="margin-top:3px; margin-left:10px;color:white;">BNB SOFTWARE SOLUTIONS PVT.LTD.</div>

<div class="skin-chooser">

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Windows7">

</telerik:RadSkinManager>

</div>

<telerik:RadMenu runat="Server" ID="RadMenu1" EnableShadows="true" EnableRoundedCorners="true"

Style="float: none; position:absolute; top:31px; z-index:3000" Width="100%"

OnClientItemClicked="OpenNewWindow">

<Items>

<telerik:RadMenuItem runat="server" Text="File" />

<telerik:RadMenuItem runat="server" Text="Edit" />

<telerik:RadMenuItem runat="server" Text="Operation">

<Items>

<telerik:RadMenuItem runat="server" Text="Manage" ImageUrl="~/Images/manage.png">

<Items>

<telerik:RadMenuItem Text="Company Information" Value="manage/frmCompanyInformation.aspx" ImageUrl="~/Images/comInfo.png" />

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</telerik:RadPane>

<telerik:RadPane runat="server" ID="contentPane" Scrolling="none">

<telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None"

PanesBorderSize="0" CollapseMode="None" style="margin-right: 0px">

<telerik:RadPane runat="Server" ID="leftPane" Width="200px" MinWidth="180" MaxWidth="220" >

<telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"

Height="266px" Orientation="Horizontal" CollapseMode="None">

<telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Both" />

<telerik:RadPane runat="server" ID="bottomLeftPane" Height="570px" >

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%" OnClientItemClicked="OpenNewWindow"

ExpandMode="SingleExpandedItem" >

<Items>

<telerik:RadPanelItem Text="Manage" ImageUrl="~/Images/manage.png">

<items>

<telerik:RadPanelItem Text="Company Information" Value="manage/frmCompanyInformation.aspx" ImageUrl="~/Images/comInfo.png" />

<telerik:RadPanelItem Text="User Details" Value="manage/frmUserDetail.aspx" ImageUrl="~/Images/userDetails.png" />

</items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

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

<telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane" Scrolling="None">

<telerik:RadTabStrip OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1"

Width="100%" CssClass="tab"

Orientation="Horizontalbottom" runat="server" BackColor="Bisque">

<Tabs>

<telerik:RadTab style="display: none;" />

</Tabs>

</telerik:RadTabStrip>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

<telerik:RadWindowManager ShowOnTopWhenMaximized="false" Width="600px" left="0px"

Height="560px" Behaviors="Close,Minimize,Reload,move,maximize,resize"

ID="RadWindowManager" RestrictionZoneID="RestrictionZone" OnClientClose="OnClientClose"

runat="server" BackColor="Aquamarine" OnClientCommand="OnClientCommand"

EnableShadow="true" VisibleOnPageLoad="true">

</telerik:RadWindowManager>

</form>

</body>

</html>

Hello Sir/ Madam

I'm not able to browse radPanel in mozila firfox browser, but it works on IE.
I'm attching my source code , please go through that and help me out...

Grid

asked on 24 Feb 2011

2 answers

64 views

[Solved] Radwindow Problem

Hello Sir/Madam

I'm using radwindow to open other pages , and when i refresh my page all the page opened inside radwindow goes off.
Please help me out......

Thanks

Grid

answered on 24 Feb 2011