Questions on UI for ASP.NET AJAX Forum

6 answers

146 views

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

906 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

239 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

124 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

145 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

41 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

53 views

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

2 answers

226 views

radchart (pie) bind with database

hello to all

i m making pie chart and binding with database but i m not able to create correct

my code is:
    <div>
        <telerik:RadChart ID="RadChart2" runat="server" DefaultType="Pie" Width="710px" AutoTextWrap="true"
            DataSourceID="SqlDataSource1" Skin="LightGreen">


            <Series>
                <telerik:ChartSeries Name="Total Size" Type="Pie" DataYColumn="tsize">
                    <Appearance>
                        <FillStyle MainColor="243, 206, 119" FillType="ComplexGradient">
                            <FillSettings>
                                <ComplexGradient>
                                    <telerik:GradientElement Color="243, 206, 119"></telerik:GradientElement>
                                    <telerik:GradientElement Color="236, 190, 82" Position="0.5"></telerik:GradientElement>
                                    <telerik:GradientElement Color="210, 157, 44" Position="1"></telerik:GradientElement>
                                </ComplexGradient>
                            </FillSettings>
                        </FillStyle>
                        <TextAppearance TextProperties-Color="112, 93, 56">
                        </TextAppearance>
                        <Border Color="223, 170, 40"></Border>
                    </Appearance>
                </telerik:ChartSeries>
                <telerik:ChartSeries DataYColumn="size1" Name="Size" Type="Pie">
                    <Appearance>
                        <FillStyle FillType="ComplexGradient" MainColor="154, 220, 230">
                            <FillSettings>
                                <ComplexGradient>
                                    <telerik:GradientElement Color="154, 220, 230" />
                                    <telerik:GradientElement Color="121, 207, 220" Position="0.5" />
                                    <telerik:GradientElement Color="89, 185, 204" Position="1" />
                                </ComplexGradient>
                            </FillSettings>
                        </FillStyle>
                        <TextAppearance TextProperties-Color="112, 93, 56">
                        </TextAppearance>
                        <Border Color="117, 177, 192" />
                    </Appearance>
                </telerik:ChartSeries>
            </Series>


        </telerik:RadChart>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:sagploConnectionString %>"
            SelectCommand="declare @aa as varchar(255);set @aa='1073741824' select(select @aa )as tsize, (SELECT isnull(sum([size1]),0) FROM [treeview] WHERE ([nodetype] = 'file'))as size1">
        </asp:SqlDataSource>
    </div>

i want to know that how to merge my both pie chart.

Chart (Obsolete)

answered on 24 Feb 2011

3 answers

280 views

click on calendar image and calendar pop ups

Hi guys,
I have following code in aspx:

<

td align="center" class="TD" style="width: 93px; height: 5px" valign="middle">

<asp:TextBox ID="TextBoxSec4Date1" runat="server" BackColor="LightSteelBlue" BorderStyle="None"

contentEditable="false" Font-Size="X-Small" MaxLength="10" Style="left: 0px;

position: relative"

Width="55px"></asp:TextBox>

<asp:Image ID="Image1" runat="server" BackColor="Black" BorderStyle="Solid" Height="16px"

ImageUrl="../Image/icon-calendar.gif"

Style="left: 3px; position: relative; top: 3px" Width="23px" />

</td>

When user click on image calendar pop ups and placed in textbox.
How can I do that?
Thanks so much for your help

General Discussions

answered on 24 Feb 2011

5 answers

186 views

Auto generated columns header width & Export to pdf problem

First :
i have two problems when i export a radgrid when i export to pdf as follows :-
1) The header texts are outside the header cells
2) The grid content is half hidden and half visible to me (as it needs a scroll bar to show the rest of the table horizontally)
-The attached file shows the issue.
hint: the grid have autogenerated columns

Second:
This grid has autogenerated columns and i want to control the width of each column to fit the data within it.

Grid

answered on 23 Feb 2011