Questions on UI for ASP.NET AJAX Forum

1 answer

239 views

Hi there,

i want to build a RadGrid via Datatable as DataSource but the last Column of the RadGrid should contain hyperlinks which have the text of the column in the DataTable.

I tried to build the RadGrid manually. For each column in the datatable add a new column in the radgrid.
But now i don´t know how to do that with the rows?

Could you please help me?
i hope u understand what i want.

regards
Alfons Winhart

Grid

answered on 24 May 2013

1 answer

301 views

[Solved] Dynamically changing the width of RadDatePicker Textbox

Hi,

Is it possible to change the width of the RadDatePicker Textbox within asp.net code-behind (c#)?

I'm using this to set the default width:

Div.RadDatePicker .riTextBox {

width: 150px !important

}

I want to be able to change it during runtime.

Thanks.

Calendar

answered on 24 May 2013

1 answer

89 views

Dialog

Hi,

There is a Enter Promocode link button on my page. On Clicking this button, I need to display a small dialog box asking the user to enter code. Once the user enter the code, I need to pass it to another JavaScript function? For this, I dont need RadWindow with contenttemplate.

Thanks,
Saravanan.

Window

answered on 24 May 2013

2 answers

146 views

How to Modify the Async Upload

Greetings,

I am utilizing FileExplorer, including the built-in async upload feature. When you click Upload on the FileExplorer toolbar, a window is displayed, allowing users to select files on their local machines, and upload them to our Internet site.

I would like to know if it is possible to modify the window that is displayed by the Upload toolbar button. We find that some users are confused by this window. They seem to grasp the idea of clicking [Select] and picking files they wish to upload. The confusion comes as they watch the progress bar and the dot change color from yellow to green. Some users think the upload is complete at that point, and they often click the X in the upper-right of the window, instead of clicking the [Upload] button at the bottom of the window. Of course, when they click the X instead of the [Upload] button, their files do not appear in FileExplorer. So I would like to modify the upload window and make it more obvious as to what must be done in order to have a more successful experience.

For starters, I would like to hide the X in the upper-right of the upload window. Then I would like to add a label on the window that reads something like, “Step 1: Click [Select] to choose the files to upload.” It would be nice if the progress of each file appeared between the [Select] button and the [Upload] button.

Since the progress bar and green dot give some users the impression that the files are already uploaded, I would like to add another label that reads, “Click [Upload] to complete this process”. And I would like to change the text of the Upload button to read [OK], instead of [Upload].

And since I would like to hide the X in the upper-right, I would like to add a [Cancel] button next to the [OK] button.

Are any of these modifications possible? If so, can you point me to some examples that I can use to get started?

Thank you,

Steven

FileExplorer

answered on 24 May 2013

1 answer

125 views

Get Button image cssclass

Hi Telerik,

Heard like Telerik itself is providing a list of most commonly used images which can be added to Radbuttons through built in css class. From where can I get those CSS names? The visual studio intellisense is not listing all those.

Thanks to all,
Katya.

Button

answered on 24 May 2013

2 answers

327 views

change textbox color

Hi,
How do i change the color of all the TextBox controls in edit form.

Savyo

Grid

answered on 24 May 2013

27 answers

620 views

listbox in codebehind

i have this listboxwith icons and the arrows to transfer one to left or all to left or one to rigth or all to rigth.
how can i detect wich arrow user as clicked in code behind becausee e see the demo and it doesnt show how it works

so i want to load to a left listbox all items from specific sql datasource and then the rigth lisbox just have the one that the user move to rigth listbox so i waant to associate items but they are loaded from diferent sources

ListBox

answered on 23 May 2013

1 answer

277 views

Build PieChart from Code Behind

I have this *mostly* working but I'm having trouble converting from the UI version.

I *was* using this.

<telerik:RadHtmlChart runat="server" ID="RiskLevelsChart" Height="400px" Width="400px" Transitions="true" RenderMode="Lightweight"

Skin="Forest">

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<ChartTitle>

<Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance>

</ChartTitle>

<Legend>

<Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance>

</Legend>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<Series>

<telerik:PieSeries StartAngle="90" dataFieldY="RiskLevelCount" NameField="RiskLevelName" Name="RiskLevelName" >

<LabelsAppearance Position="Circle" DataFormatString="{0} %" DataField="RiskLevelName" ClientTemplate="#=dataItem.RiskLevelName# (#=dataItem.RiskLevelCount#)">

</LabelsAppearance>

<TooltipsAppearance ClientTemplate=" #=kendo.format(\'{0:P0}\', percentage)# " Visible="true" />

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

I've now switched to doing it from the code behind, but I'm having trouble using the ClientTemplate Feature, as well as the Kendo.

<telerik:RadHtmlChart runat="server" ID="RiskLevelsChart" Height="400px" Width="400px" Transitions="true" RenderMode="Lightweight"

Skin="Forest">

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<ChartTitle>

<Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance>

</ChartTitle>

<Legend>

<Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance>

</Legend>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<%-- <Series>

<telerik:PieSeries StartAngle="90" dataFieldY="RiskLevelCount" NameField="RiskLevelName" Name="RiskLevelName" >

<LabelsAppearance Position="Circle" DataFormatString="{0} %" DataField="RiskLevelName" ClientTemplate="#=dataItem.RiskLevelName# (#=dataItem.RiskLevelCount#)">

</LabelsAppearance>

<TooltipsAppearance ClientTemplate=" #=kendo.format(\'{0:P0}\', percentage)# " Visible="true" />

</telerik:PieSeries>

</Series>--%>

</PlotArea>

</telerik:RadHtmlChart>

Dim query = From r In Assessment

Dim HighQuery = Assessment.Where(Function(x) x.RiskLevel = 3).Count

Dim MediumQuery = Assessment.Where(Function(x) x.RiskLevel = 2).Count

Dim LowQuery = Assessment.Where(Function(x) x.RiskLevel = 1).Count

Dim risklevels As New List(Of RiskLevel)()

risklevels.Add(New RiskLevel(Master.GetTranslation("Low").ToString, LowQuery, System.Drawing.ColorTranslator.FromHtml("#9BFF00")))

risklevels.Add(New RiskLevel(Master.GetTranslation("Medium").ToString, MediumQuery, System.Drawing.ColorTranslator.FromHtml("#FFE300")))

risklevels.Add(New RiskLevel(Master.GetTranslation("High").ToString, HighQuery, System.Drawing.ColorTranslator.FromHtml("#FF6300")))

RiskLevelsChart.ChartTitle.Text = Master.GetTranslation("RiskLevels").ToString

Dim chartData As New PieSeries

chartData.StartAngle = "90"

chartData.LabelsAppearance.Position = HtmlChart.PieLabelsPosition.Circle

chartData.LabelsAppearance.DataFormatString = "{0}"

chartData.TooltipsAppearance.DataFormatString = "{0} %"

For Each value As RiskLevel In risklevels

Dim item As New SeriesItem

item.Name = value.RiskLevelName

item.YValue = value.RiskLevelCount

item.BackgroundColor = value.RiskLevelColor

chartData.Items.Add(item)

Next

RiskLevelsChart.PlotArea.Series.Add(chartData)

Chart (HTML5)

answered on 23 May 2013

4 answers

275 views

Opening RadWindow from User Control, RadWindow loses its properties

Window is losing its Behaviors, and Width and Height properties
The window opens with a small size, and all extra buttons, maximize, minimize, etc, which I don't need. I only need the Close button.

Here's the ascx code:

<telerik:RadWindowManager ID="RadWindowManagerRepPayments" ShowContentDuringLoad="false" VisibleStatusbar="false"
ReloadOnShow="true" runat="server" EnableShadow="true" Width="1500px" Height="500px">
<Windows>
<telerik:RadWindow ID="wndRepPaymentsEdit" runat="server" Behaviors="Close" OnClientClose="OnClientCloseRepPayments"
Width="1500px" Height="500px" Title="Payment" NavigateUrl="RepPaymentsEdit.aspx">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

Here's the javascript for opening:

var oWnd = radopen("RepPaymentsEdit.aspx" + "?RepID=" + repID + "&RepPaymentsID=" + id, "wndRepPaymentsEdit");

Also, if I change the window size, and open it again, it resizes it. I don't want resizing. I just want to be able to open and close it with a specific size.

Window

answered on 23 May 2013

4 answers

231 views

[Solved] Change the slice color programatically

Hello, I have the below working perfectly, however, I need to be able to change the Slice colors based on the Data..

i.e., The High slice should be red, Medium Yellow and Low Green. I can't seem to figure out that piece..

<telerik:RadHtmlChart runat="server" ID="RiskLevelsChart" Height="400px" Width="400px" Transitions="true" RenderMode="Lightweight"

Skin="Forest">

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<ChartTitle>

<Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance>

</ChartTitle>

<Legend>

<Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance>

</Legend>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<Series>

<telerik:PieSeries StartAngle="90" dataFieldY="RiskLevelCount" NameField="RiskLevelName" Name="RiskLevelName">

<LabelsAppearance Position="Circle" DataFormatString="{0} %" DataField="RiskLevelName" ClientTemplate="#=dataItem.RiskLevelName# (#=dataItem.RiskLevelCount#)">

</LabelsAppearance>

<TooltipsAppearance ClientTemplate=" #=kendo.format(\'{0:P0}\', percentage)# " Visible="true" />

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart

>




Private Sub DoChart1(ByVal Assessment As List(Of ExtendedRiskAssessment))
 
    Dim query = From r In Assessment
    Dim HighQuery = Assessment.Where(Function(x) x.RiskLevel = 3).Count
    Dim MediumQuery = Assessment.Where(Function(x) x.RiskLevel = 2).Count
    Dim LowQuery = Assessment.Where(Function(x) x.RiskLevel = 1).Count
 
    Dim risklevels As New List(Of RiskLevel)()
    risklevels.Add(New RiskLevel(Master.GetTranslation("High").ToString, HighQuery, Color.Red))
    risklevels.Add(New RiskLevel(Master.GetTranslation("Medium").ToString, MediumQuery, Color.Yellow))
    risklevels.Add(New RiskLevel(Master.GetTranslation("Low").ToString, LowQuery, Color.Green))
 
 
    RiskLevelsChart.ChartTitle.Text = Master.GetTranslation("RiskLevels").ToString
 
 
    RiskLevelsChart.DataSource = risklevels
    RiskLevelsChart.DataBind()
 
End Sub

Chart (HTML5)

answered on 23 May 2013