1 answer

297 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

88 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

142 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

123 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

310 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

611 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

272 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

270 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

228 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

4 answers

124 views

Error when using aggregate on Total_goals

HI,
I have aggergate problem on one of the column Total_goal of the data source. If remove the aggergate then no exception.
What is the reason for this behaviour? Clearly Total_Goal Column is the part of data source.

<telerik:GridTemplateColumn Aggregate="Sum" DataField="Total_Goal" UniqueName="TotalGoals" ItemStyle-Width="75px" HeaderStyle-Font-Bold="true" FooterAggregateFormatString="{0:F2}" FooterStyle-Font-Bold="true" >
<HeaderTemplate>
Total Goal
</HeaderTemplate>
<ItemTemplate>
<a href="HinoPartsDashBoardTransactions.aspx?SalesType=AM&from= <%#ddlStartMonth.SelectedValue%>&to=<%#ddlEndMonth.SelectedValue%>&DMP= <%#Eval("User_ID")%>"><%#Eval("Total_Goal")%></a>
</ItemTemplate>

</telerik:GridTemplateColumn>

Total_Goal Total_sales
0.00 123.67
0.00 4567.89

Error:

Server Error in '/HinoParts3' Application.

Cannot find column -1.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.IndexOutOfRangeException: Cannot find column -1.

Source Error:

An unhandled exception was generated during the execution of the
            current web request. Information regarding the origin and location of the
            exception can be identified using the exception stack trace below.

Stack Trace:


            [IndexOutOfRangeException: Cannot find column -1.]
   System.Data.DataColumnCollection.get_Item(Int32 index) +92
   Telerik.Web.UI.GridDataTableFromEnumerable.GetColumnsToUse() +7894
   Telerik.Web.UI.GridDataTableFromEnumerable.FillData() +1055
   Telerik.Web.UI.GridResolveEnumerable.Initialize() +55
   Telerik.Web.UI.GridResolveEnumerable.EnsureInitialized() +40
   Telerik.Web.UI.GridResolveEnumerable.get_DataTable() +31
   Telerik.Web.UI.GridEnumerableFromDataView..ctor(GridTableView owner, DataView dataView, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +222
   Telerik.Web.UI.GridDataSourceHelper.CreateGridEnumerable(GridTableView owner, IEnumerable enumerable, Boolean caseSensitive, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +96
   Telerik.Web.UI.GridDataSourceHelper.GetResolvedDataSource(GridTableView owner, Object dataSource, String dataMember, Boolean caseSensitive, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +478
   Telerik.Web.UI.GridTableView.get_ResolvedDataSource() +219
   Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource) +73
   System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) +57
   System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) +114
   System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +31
   System.Web.UI.WebControls.DataBoundControl.PerformSelect() +142
   Telerik.Web.UI.GridTableView.PerformSelect() +38
   System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +73
   Telerik.Web.UI.GridTableView.DataBind() +351
   Telerik.Web.UI.RadGrid.DataBind() +165
   Telerik.Web.UI.RadGrid.AutoDataBind(GridRebindReason rebindReason) +3869
   Telerik.Web.UI.RadGrid.OnLoad(EventArgs e) +177
   System.Web.UI.Control.LoadRecursive() +50
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Control.LoadRecursive() +141
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +627

Grid

answered on 23 May 2013