Questions on UI for ASP.NET AJAX Forum

6 answers

336 views

Problem to change the Back color and font color of radmenu dynamically.

Hi All,

I am using Telerik Radmenu in my application. The telerik version I am using is Telerik.Web.UI.ddl 2010.3.1317.35.
Now I have a requirement of changing back color and font color of menu item depending on the user selection .
For that I overwrite some of the inbuild CSS classes but it can not solve my problem because now I am able to change the back color
and font color but the menu UI get distroted.
Can any one have any idea how to change the backcolor and fontcolor of Radmenu dynamically with out menu UI distrotion.
I have attached the screen shot for refer .

Menu

answered on 09 Jun 2011

1 answer

76 views

Separator menu item problem

Hi
the Text property of RadMenuItem when it's a Separator has no effect . the separator always is rendered by '|'
is there any other method the change it's text ?
Thanks for your feedbacks

General Discussions

answered on 09 Jun 2011

3 answers

127 views

Transfer Button Size Problem Firefox 4

http://demos.telerik.com/aspnet-ajax/listbox/examples/default/defaultcs.aspx

If you look at the transfer buttons in Firefox 4 they are too small and look bad.

They look fine in Firefox 3 and IE. Any idea on how to fix this?

ListBox

answered on 09 Jun 2011

5 answers

183 views

Horizontal X Axis, reversed values

Hi

I have a chart with horizonal x-axis, with the y axis displayed on top like so (see the attached image)

how can i reverse the xaxis values so it displays 1, 2, 3... 10 starting from top to bottom rather than bottom up?

Here is my code:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadChartMinMaxValue._Default" %>

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

<title></title>

</head>

<body>

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

</form>

<telerik:RadChart ID="RadChart1" runat="server"

Height="100px"

Width="250px"

ChartTitle-Visible="false"

Legend-Visible="false"

SeriesOrientation="Horizontal" BorderWidth="0px" >

</telerik:RadChart>

</body>

</html

Imports System.Drawing

Imports Telerik.Charting

Partial Public Class _Default

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim lstGammaDetails As New List(Of GammaDetail)

lstGammaDetails = GetGammaDetails()

RadChart1.Series.Clear()

'Chart appearance

RadChart1.Height = Unit.Pixel(300)

RadChart1.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid

RadChart1.PlotArea.Appearance.FillStyle.MainColor = Color.White

RadChart1.PlotArea.Appearance.Dimensions.Margins.Top = New Telerik.Charting.Styles.Unit(28)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Left = New Telerik.Charting.Styles.Unit(40)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Right = New Telerik.Charting.Styles.Unit(8)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Bottom = New Telerik.Charting.Styles.Unit(10)

RadChart1.IntelligentLabelsEnabled = False

RadChart1.PlotArea.XAxis.Visible = Styles.ChartAxisVisibility.True

'X Axis

'RadChart1.PlotArea.XAxis.DataLabelsColumn = "Depth"

RadChart1.PlotArea.XAxis.AutoScale = False

RadChart1.PlotArea.XAxis.LayoutMode = Styles.ChartAxisLayoutMode.Normal

'Min and Max values

RadChart1.PlotArea.XAxis.MinValue = 1

RadChart1.PlotArea.XAxis.MaxValue = 10

RadChart1.PlotArea.XAxis.Step = 1

'RadChart1.PlotArea.XAxis.AddRange(1, 120, 1)

'Y Axis2

RadChart1.PlotArea.YAxis2.Appearance.MajorGridLines.Visible = True

RadChart1.PlotArea.YAxis2.Appearance.MajorGridLines.Color = Color.Gray

RadChart1.PlotArea.YAxis2.AxisLabel.TextBlock.Appearance.TextProperties.Color = Color.Black

RadChart1.PlotArea.YAxis2.Appearance.TextAppearance.TextProperties.Color = Color.Black

'Line series

Dim chartSeries As New ChartSeries

chartSeries.Appearance.LabelAppearance.Visible = False

chartSeries.Name = "GAMMA"

chartSeries.Type = ChartSeriesType.Line

chartSeries.Appearance.LineSeriesAppearance.Color = System.Drawing.Color.LightBlue

chartSeries.DataYColumn = "Value"

chartSeries.YAxisType = ChartYAxisType.Secondary

RadChart1.Series.Add(chartSeries)

RadChart1.DataSource = lstGammaDetails

RadChart1.DataBind()

End Sub

Private Function GetGammaDetails()

Dim lstGD As New List(Of GammaDetail)

Dim gd1 = New GammaDetail()

gd1.Depth = 1

gd1.Value = 100

lstGD.Add(gd1)

Dim gd2 = New GammaDetail()

gd2.Depth = 2

gd2.Value = 200

lstGD.Add(gd2)

Dim gd3 = New GammaDetail()

gd3.Depth = 3

gd3.Value = 200

lstGD.Add(gd3)

Dim gd4 = New GammaDetail()

gd4.Depth = 4

gd4.Value = 250

lstGD.Add(gd4)

Dim gd5 = New GammaDetail()

gd5.Depth = 5

gd5.Value = 50

lstGD.Add(gd5)

Dim gd6 = New GammaDetail()

gd6.Depth = 6

gd6.Value = 50

lstGD.Add(gd6)

Return lstGD

End Function

End Class

Public Class GammaDetail

Private _depth As Decimal

Public Property Depth() As Decimal

Get

Return _depth

End Get

Set(ByVal value As Decimal)

_depth = value

End Set

End Property

Private _value As Decimal

Public Property Value() As Decimal

Get

Return _value

End Get

Set(ByVal value As Decimal)

_value = value

End Set

End Property

End Class

Cheers

Richard.

Chart (Obsolete)

answered on 09 Jun 2011

1 answer

76 views

Catch graph Double click event

Hi
I am trying to create a drill down chart, but I need it to drill down when double clicked.
How can I do this ?

- Guru

Chart (Obsolete)

answered on 09 Jun 2011

1 answer

50 views

How to call context menu event when it creates a node with the name of "New Node" ?

Hi Team,

I am using Telerik Rad treeview in my application. I am creating below 3 context menu programatically.

1.New - To create a new node.
2.Update - Update the node
3.Delete - Delete the node

I am using OnContextMenuItemClick and OnNodeEdit event to do my custom DB action. I have 2 problem in this senario.

1. When I click "New" Context menu, this creates a node with the name of "New Node" but it faild to call my custom events. But If i modify the name of the "New node" the event will trigger. But I am not able to call the event when the newly created node name as "New Node". How to call this event?

2. When I creates a new node, this creates a node with the name of "New Node" but i want to create a node with the name of "New Group" instead of "New Node". Is this Possible?

Can anyone please help me to resollve this broblem?

Regards,
BalaMurugan J

TreeView

answered on 09 Jun 2011

4 answers

194 views

"delete image won't display when i use custom skin in grid

Hi ;
"delete image won't display when i use custom skin in grid "

I have trayed to used the image pathe to display it and it work nice if i want to display a one skin , but i don't want this Solution because i have built my application withe multi theems and i want to made a mulity skin for telerik rad to give clint to choice the theeme what he need .

thank You .

Grid

answered on 09 Jun 2011

1 answer

111 views

Apply button CausesValidation = true

I have developed my own filter editor with validation included. But I couldn't figure it out how to set CausesValidation property of Apply button. Any thoughts?

Thanks in advance.

Filter

answered on 09 Jun 2011

3 answers

113 views

Grid Collapse Group Footer at the Same Line

Hello people of Telerik!!!
I have a little problem. I have a radgrid that contains groups and each group contains total, I need each total of my group stay at the same line when i collapse each group.
It´s possible? Becouse when I collapse by deffault the Grid put the line under the line collapsed.
Thank´s for your help.

Ariel.-

Grid

answered on 09 Jun 2011

4 answers

173 views

Implementing filtering for column containing custom formatted text.

Hi there,

I've a simple RadGrid which is bound through an objectDataSource. I've a couple of columns which are bound, using DataField attribute, to the properties of type returned by ObjectDataSource bound method.

<telerik:RadGrid ID="RGTasks" AllowPaging="True" runat="server"

AutoGenerateColumns="False" GridLines="None" CellSpacing="0"

DataSourceID="ObjectDataSource1" Skin="Outlook" PageSize="10"

style="width:100%; height:100%;" onitemdatabound="RGTasks_ItemDataBound"

AllowFilteringByColumn="true" AllowSorting="true"

onitemcommand="RGTasks_ItemCommand">

<MasterTableView DataKeyNames="RuleScheduleKey" AutoGenerateColumns="false" CommandItemDisplay="Top"

EditMode="EditForms" AllowAutomaticUpdates="true" AllowAutomaticInserts="false"

AllowFilteringByColumn="true" >

<EditFormSettings EditFormType="WebUserControl" UserControlName="../Controls/EditRule.ascx" />

<CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Add Task"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<AlternatingItemStyle BackColor="#EDF1FF" />

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column"

UniqueName="column2" DataField="RuleScheduleKey" HeaderText="Task"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

AllowFiltering="false">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column"

UniqueName="colRule" DataField="RuleKey" HeaderText="Rule"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

CurrentFilterFunction="Contains" ShowFilterIcon="false" AutoPostBackOnFilter="true">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ScheduleKey" HeaderText="Schedule" UniqueName="ScheduleKey"

FilterControlAltText="Filter column6 column" AllowFiltering="false">

<HeaderStyle Font-Bold="True" />

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn FilterControlAltText="Filter column5 column"

UniqueName="column5" DataField="NextRunTimestamp" HeaderText="Next Run" ItemStyle-Width="10%"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

ReadOnly="true" AllowFiltering="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" />

<ItemStyle Width="10%" />

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="LastRunTimestamp"

FilterControlAltText="Filter column column" HeaderText="Last Run"

UniqueName="column" AllowFiltering="false">

<HeaderStyle Font-Bold="True" />

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column4 column"

UniqueName="column4" DataField="LastRunStatus" HeaderText="Last Run Status"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

CurrentFilterFunction="Contains" ShowFilterIcon="false">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column3 column"

UniqueName="column3" DataField="CreatedById" HeaderText="Created By"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

ReadOnly="true" CurrentFilterFunction="StartsWith" ShowFilterIcon="false"

DataType="System.String" AutoPostBackOnFilter="true">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings >

<EditColumn FilterControlAltText="Filter EditCommandColumn column" ></EditColumn>

</EditFormSettings>

</MasterTableView>

<PagerStyle PagerTextFormat="{0} / {1}" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

SelectMethod="GetAllRuleSchedulesByUserID"

TypeName="DataAccessHelper"

onselecting="ObjectDataSource1_Selecting"

DataObjectTypeName="Datasets.RuleSchedule">

<SelectParameters>

<asp:Parameter Name="userID" Type="String" />

<asp:SessionParameter SessionField="IsUserAdmin" Name="isAdmin" Type="Boolean" DefaultValue="false" />

</SelectParameters>

</asp:ObjectDataSource>

While the data that is being displayed on the grid is formatted in the backend using the ItemDataBound
method.

Code behind

protected void RGTasks_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if ((e.Item.ItemType == Telerik.Web.UI.GridItemType.Item) ||

(e.Item.ItemType == Telerik.Web.UI.GridItemType.AlternatingItem))

{

try

{

RuleSchedule rs = new RuleSchedule();

rs = (RuleSchedule)e.Item.DataItem;

BusinessRule br = DataAccessHelper.GetBusinessRule(rs.RuleKey);

if (!string.IsNullOrEmpty(br.Name))

{

e.Item.Cells[5].Text = "[" + e.Item.Cells[5].Text + "] " + br.Name;

}

Schedule sc = DataAccessHelper.GetSchedule(rs.ScheduleKey);

if (!string.IsNullOrEmpty(sc.RecurrenceTypeCd))

{

e.Item.Cells[6].Text = "[" + e.Item.Cells[6].Text + "] " + sc.RecurrenceTypeCd;

}

catch

{

}

I would like to let users filter the displayed text in the formatted columns instead of the DataField.
ie. if the DataField value was say "14" while the displayed text post formatting is "[14] BiWeekly"
I would like to display the row if user types "week" in the filter control.

Any suggestions or pointers will be appreciated.

Thanks in advance.

Regards,

Grid

answered on 09 Jun 2011