Questions on UI for ASP.NET AJAX Forum

1 answer

30 views

PagerComboBox

I am using RadGrid with paging enable.I don't want to display the combobox.Tried with many CSS.Not working

General Discussions

answered on 22 Nov 2011

1 answer

85 views

Hide today

How can I remove today link in radscheduler?

General Discussions

answered on 22 Nov 2011

4 answers

132 views

Set CSS class to highlight item

Hi,

I'm trying to set the CSS class of a particular item in the rotator from code behind based on a value I obtain from the database. The following code does set the class but it sets it for a nested div and that's too deep. I need to set it on the <li> generated by the RadRotator for this item.

Private Sub RadRotator1_ItemDataBound(sender As Object, e As Telerik.Web.UI.RadRotatorEventArgs) Handles RadRotator1.ItemDataBound

If IsFeatured Then

e.Item.Attributes.Add("class", "featured")

End If

End Sub

The generated HTML looks like this:

<div class="rrRelativeWrapper">

<div class="rrClipRegion">

<ul class="rrItemsList">

<li class="rrItem">

<div id="ctl00_..._RadRotator1_i0" class="featured">

I need my "featured" class to be injected in the <li> just above. How can I accomplish this? (Or am I going about it the wrong way?). Thanks!

Rotator

answered on 22 Nov 2011

1 answer

109 views

Skins missing after running Telerik Upgrade Wizard

I'm using Visual Studio 2010 with a ASP.NET application that uses ASP.NET AJAX. I just ran the Telerik Upgrade Wizard and was upgraded to version 2011.3.1115.40 ASP.NET AJAX. After running the wizard, I began getting a runtime error (in the ASP.NET application) which stated that Web20 skin was missing for the Telerik.Web.UI.RadPanelBar. In design mode I found that the only Skin property available is "default" - and default is black and gray. Now all of my telerik grid control, and date controls have the the same black and white.

What has happened to the skins? The only thing that changed was running the Telerik Upgrade Wizard.

General Discussions

answered on 21 Nov 2011

1 answer

147 views

RadChart Multiple problems - scaling, legend text

I have a RadChart declaratively bound to a SQLDataSource. Auto-scaling is on. I cannot get the legend to display the state name instead of the series name. When the values go above 1000, they show with a non-existent bar, but have the value label.
I did look at multiple resources before I started this thread. The only thing that is in the code is setting the title. What am I doing wrong. The dataset bound has these fields:
YYMM - yearmonth together
YYYY - year
MM - month
Category - single category only
VOLUME - count of cases/per month/per state
TotalPaid - sum of paid amount/per month/per state
State - compare 2 states, grouping field

<telerik:RadChart ID="RadChart1" runat="server" DataGroupColumn="State" DataSourceID="ChartDS"

IntelligentLabelsEnabled="True" SeriesPalette="Blue" Skin="DeepBlue">

<Appearance Corners="Rectangle, Rectangle, Round, Round, 5" Dimensions-Margins="0px, 1px, 1px, 1px"

Dimensions-Paddings="0px, 1px, 1px, 1px">

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="26, 120, 179" />

<telerik:GradientElement Color="35, 189, 254" Position="0.5" />

<telerik:GradientElement Color="26, 120, 179" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<Border Color="0, 66, 110" Width="0" Visible="False" />

</Appearance>

<Series>

<telerik:ChartSeries Name="State1" DataYColumn="VOLUME">

<Appearance>

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="213, 247, 255" />

<telerik:GradientElement Color="193, 239, 252" Position="0.5" />

<telerik:GradientElement Color="157, 217, 238" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="VOLUME" Name="State2">

<Appearance>

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="163, 222, 78" />

<telerik:GradientElement Color="132, 207, 27" Position="0.5" />

<telerik:GradientElement Color="102, 181, 3" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<TextAppearance TextProperties-Color="White">

</TextAppearance>

<Border Color="94, 160, 0" />

</Appearance>

</telerik:ChartSeries>

</Series>

<Legend>

<Appearance Dimensions-Margins="1px, 2%, 12%, 1px" GroupNameFormat="#VALUE">

<ItemTextAppearance TextProperties-Color="White">

</ItemTextAppearance>

<FillStyle GammaCorrection="False" MainColor="37, 255, 255, 255">

</FillStyle>

<Border Color="76, 255, 255, 255" />

</Appearance>

<TextBlock>

<Appearance Position-AlignedPosition="Top" TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

<ActiveRegion Tooltip="The two states to compare" />

</Legend>

<PlotArea>

<XAxis DataLabelsColumn="YYMM" IsZeroBased="False" MaxValue="7" MinValue="0">

<Appearance Color="98, 183, 226" MajorTick-Color="98, 183, 226">

<MajorGridLines Color="98, 183, 226" Width="0" />

<LabelAppearance RotationAngle="300" Position-AlignedPosition="Bottom">

</LabelAppearance>

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

<AxisLabel Visible="True">

<Appearance Dimensions-Paddings="1px, 1px, 10%, 1px" Visible="True">

</Appearance>

<TextBlock Text="Month/Year">

<Appearance TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

</AxisLabel>

<Items>

<telerik:ChartAxisItem>

<TextBlock Text=" 01/2011">

</TextBlock>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="1">

<TextBlock Text=" 02/2011">

</TextBlock>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="2">

<TextBlock Text=" 03/2011">

</TextBlock>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="3">

<TextBlock Text=" 04/2011">

</TextBlock>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="4">

<TextBlock Text=" 05/2011">

</TextBlock>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="5">

<TextBlock Text=" 06/2011">

</TextBlock>

</telerik:ChartAxisItem>

</Items>

</XAxis>

<YAxis>

<Appearance Color="98, 183, 226" MajorTick-Color="98, 183, 226" MinorTick-Color="98, 183, 226">

<MajorGridLines Color="120, 209, 248" />

<MinorGridLines Color="120, 209, 248" Width="0" />

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

<AxisLabel Visible="True">

<Appearance Visible="True">

</Appearance>

<TextBlock Text="Volume">

<Appearance TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance Dimensions-Margins="12%, 80px, 20%, 15%" SeriesPalette="Blue">

<FillStyle MainColor="50, 255, 255, 255" SecondColor="Transparent">

</FillStyle>

<Border Color="97, 180, 223" />

</Appearance>

</PlotArea>

<ChartTitle>

<Appearance Dimensions-Margins="8px, 10px, 8px, 6%">

<FillStyle MainColor="">

</FillStyle>

<Border Visible="False" />

</Appearance>

<TextBlock Text="">

<Appearance TextProperties-Color="White"

TextProperties-Font="Tahoma, 9.75pt, style=Bold">

</Appearance>

</TextBlock>

</ChartTitle>

Chart (Obsolete)

answered on 21 Nov 2011

1 answer

73 views

Configuring RadAjax with Dynamic Checkbox

One of my grid has a Template Column and a dynamic checkbox. Would it be possible to have AjaxSettings configured with this box? Any samples to guide and assist?

Ajax

answered on 21 Nov 2011

1 answer

111 views

Changing Toggle button text by it's index

I'm using the Radbutton with a checkbox toggle type and standardbutton button type. I capture the text of the selected button(which are 3 types(fax,email,both-in that order). I save the selected text to a database which is great. I'm then trying to recall the data and assign the correct text to the button. If the database text matches the indexed text, once I itterate through the control, I assign the ToggleStates(index).Text = Database text. This doesn't seem to be working for me. Below is a copy of my html and code behind. Any help on this would be greatly appreciated.

<telerik:RadButton ID="btnToggle2" CausesValidation="false" runat="server" ToggleType="CheckBox" ButtonType="StandardButton" Skin="Forest"

AutoPostBack="False" >

<telerik:RadButtonToggleState Text="Fax" Width="55px" />

<telerik:RadButtonToggleState Text="Email" Width="55px" />

<telerik:RadButtonToggleState Text="Both" Width="55px" />

</ToggleStates>

</telerik:RadButton>

<<here i'm assigning the text to the correct indexed button>>

If

Not IsDBNull(dt.Rows(0).Item("ZZ_ACH_VIA")) Then

btnCorrespondenseACH.Checked =

True

Dim index As Integer = 0

If Not IsDBNull(dt.Rows(0).Item("ZZ_ACH_VIA")) Then

index = FindToggleStates(dt.Rows(0).Item(

"ZZ_ACH_VIA"), btnToggle2)

'btnToggle2.SelectedToggleStateIndex = index

End If

btnToggle2.ToggleStates(index).Selected =

True

btnToggle2.ToggleStates(index).Text = dt.Rows(0).Item(

"ZZ_ACH_VIA")

End If

<< I used the function below to get the correct index by the text matching the button text.>>

Function

FindToggleStates(strText As String, oBtn As Telerik.Web.UI.RadButton) As Integer

Dim iRetVal As Integer = 0

For i As Integer = 0 To oBtn.ToggleStates.Count - 1

If String.Compare(oBtn.ToggleStates.Item(i).Text, strText, True) = 0 Then

iRetVal = i

Exit For

End If

End Function

Button

answered on 21 Nov 2011

4 answers

174 views

How to call a method in DataFormatString of a gridboundcolumn?

I am creating a dynamic gridboundcolumn and need something like this

grdColumn.DataFormatString = InitCaps("{0}")

However this is not passing the real data to my method but just passes {0} itself. Can some one point where I am going wrong and what is that I am messing around?

Grid

answered on 21 Nov 2011

1 answer

57 views

Radpanelbar

Hello Telerik Team,

I want to change the color of yellow when hovering using mouse over in Radpanel bar or RadpanelItem.

PanelBar

answered on 21 Nov 2011

8 answers

160 views

RadTabStrip Multi-Row reorders tab rows wrong

Hello,

Using RadControls for ASP.NET AJAX 2011.1.413.35

I have a RadWindow that contains a RadToolBar followed by a RadTabStrip followed by a RadMultiPage.

The RadToolBar has "OK" and "Cancel" buttons. This works fine.

The RadTabStrip contains 15 tabs broken up into 3 rows of 5 each, and has the ReorderTabsOnSelect="true", and the IsBreak="true" set in the appropriate places. Let's call these rows from top down as rows 3, 2, and then 1 on the bottom. This works fine.

The RadMultiPage contains one RadMultiPageView for each tab and contains various labels, textboxes, and other editing controls. This works fine.

When I click row 1 / tab 3 (bottom row of tabs), the RadMultiPageView associated with that tab has a series of Buttons, each with an OnClick event that performs some server stuff and then opens another RadWindow with editing controls for the selected button (see screenshot 1). This new RadWindow is Modal and data can be entered and returned back to the calling RadWindow. All this works just fine.

However, as soon as I click the Button, and before the new RadWindow "grays" out the background, the RadTabStrips reorders the tab rows and now row 1 (bottom row) is now moved to the top row (see screenshot 2).

If I close the new RadWindow using the "x" close button in the top right (or using my Cancel button on the new RadWindow edit form), the new RadWindow closes and the RadTabStrip rows are now in the wrong order. If I close the new RadWindow using my OK button (which fires a server-side event and PostBack), the RadTabStrip reorders the rows back to where they were (I can see the row 1 that was moved to the top move back down to the bottom where it belongs.

Here is the RadTabStrip declaration:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server"

Align="Justify"

AutoPostBack="true"

CausesValidation="false"

MultiPageID="RadMultiPage1"

OnClientTabSelecting="NeedToShowValidationSummary"

ReorderTabsOnSelect="true"

SelectedIndex="0"

ShowBaseLine="false"

ValidationGroup="valGroup"

Width="100%">