Questions on UI for ASP.NET AJAX Forum

3 answers

280 views

RadHtmlChart pie chart's label appearance value not adding to 100%

Hi Telerik Team,
I'm working with Radhtmlchart, and the label appearance's total addition of all data fields is not 100%, its always less than 100% like 99.6 or 99.7 or 99.99, but not 100%. Could you please help us in this regard. We have used the following code to add up the items and display the value in terms of percentage.

<LabelsAppearance>
<ClientTemplate>
#=kendo.format(\'{0:P2}\', percentage)#
</ClientTemplate>
</LabelsAppearance>

I've attached the file for better understanding of our issue. Please take a look at the image I've attached.

Thank you,
Vipul

Chart (HTML5)

answered on 17 Jul 2015

3 answers

157 views

Wizard html5 Validation not working

html5 validation "required" not working inside RadWizard. But same is working in asp:Wizard.

Working

<asp:Wizard ID="Wizard1" runat="server">

<WizardSteps >

<asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">

<asp:TextBox ID="TextBox1" required="" type="text" placeholder="Try it out." runat="server"></asp:TextBox>

</asp:WizardStep>

<asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">

<asp:TextBox ID="TextBox2" required="" type="text" placeholder="Try it out." runat="server"></asp:TextBox>

</asp:WizardStep>

</WizardSteps>

</asp:Wizard>

NOT WORKING

<telerik:RadWizard ID="ADSRadWizard" runat="server">

    <WizardSteps >

        <telerik:RadWizardStep ID="WizardStep3" runat="server" Title="Step 1">

            <telerik:RadTextBox ID="RadTextBox1" required="" type="text" placeholder="Try it out." runat="server"></telerik:RadTextBox>

        </telerik:RadWizardStep>

        <telerik:RadWizardStep ID="WizardStep4" runat="server" Title="Step 2">

            <telerik:RadTextBox ID="RadTextBox2" required="" type="text" placeholder="Try it out." runat="server"></telerik:RadTextBox>

        </telerik:RadWizardStep>

    </WizardSteps>

</telerik:RadWizard>

Wizard

answered on 17 Jul 2015

5 answers

49 views

Issue with time picker showing only until 5:30pm

I created calendar using RadScheduler, but the thing is that the time picker for both start and end time in advanced form only showing until 5:30 pm, is it possible to amend it to show, let's say until 6:00 pm instead?

Scheduler

answered on 17 Jul 2015

3 answers

115 views

get value in GridTemplateColumn control from another GridTemplateColumn control click

get value in GridTemplateColumn control from another GridTemplateColumn control clickget value in GridTemplateColumn control from another GridTemplateColumn control clickget value in GridTemplateColumn control from another GridTemplateColumn control click

Grid

answered on 17 Jul 2015

3 answers

107 views

AjaxLaoding panel is not working

I am using panel in RadToolTip. I have command button "btnOpen" on RadGrid. Whenever "btnOpen" is clicked it shows RadToolTip for specific row in RadGrid. Its all Working fine but not showing loading panel.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnOpen">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadToolTip1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgCity">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadToolTip1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<telerik:RadToolTip ID="RadToolTip1" Animation="Slide" AnimationDuration="190" runat="server" Modal="true" HideEvent="ManualClose"

Style="z-index: 6990" BackColor="White" Position="Center" Width="729px" Height="200px">

<asp:Panel ID="Panel1" BackColor="Pink" runat="server" Height="190px">

<table align="center">

<tr>

<td>

<asp:Label ID="lbl_id" Text="City ID" runat="server"></asp:Label>

<asp:TextBox ID="Txt_id" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<telerik:RadAsyncUpload runat="server" ID="FileUpload1" MultipleFileSelection="Disabled">

</telerik:RadAsyncUpload>

</td>

</tr>

<tr>

<td>

<telerik:RadButton runat="server" Skin="Silk" ID="BtnSubmit" Text="Upload files" OnClick="BtnSubmit_Click"></telerik:RadButton>

<asp:Label ID="lable_res" runat="server"></asp:Label>

</td>

</tr>

</table>

<%--<telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="all"></telerik:RadFormDecorator>--%>

</asp:Panel>

</telerik:RadToolTip>

AjaxLoadingPanel

answered on 16 Jul 2015

3 answers

700 views

Disable Add New button of RadGrid when no data is selected from RadCombox (which is outside of RadGrid)

There is a RadComboBox (outside of RadGrid) and a RadGrid in my Web page.

When first time page loads, and user forgets to Select Item from RadComboBox (which is outside of RadGrid) and clicks on "Add New" button of RadGrid then this button should disable at that time and an alert should come ('Select item from RadComboBox first')

Now, when user select the item from RadComboBox, and then click on "Add New" button of RadGrid then it should perform "add" functionality //---this part is done

Below code is working fine only to disable the "Add New" button and show alert.

GridCommandItem cmditem = (GridCommandItem)RGGSTAcCode.MasterTableView.GetItems(GridItemType.CommandItem)[0];

System.Web.UI.WebControls.Button ctrl = (System.Web.UI.WebControls.Button)cmditem.FindControl("AddNewRecordButton");

ctrl.Enabled = false;

ctrl.Attributes.Add("onClick", "test()");

System.Web.UI.WebControls.LinkButton btn = (System.Web.UI.WebControls.LinkButton)cmditem.FindControl("InitInsertButton");

btn.Enabled = false;

btn.Attributes.Add("onClick", "test()");

But how to create this whole requirement using above code? Where to put this line of code, in which event, so that it should work as per need.

Below is the whole HTML code I am using currently:

<telerik:RadComboBox ID="ddlCompany" runat="server" Height="200" Width="240"

DropDownWidth="310" EmptyMessage="- Select Product -" HighlightTemplatedItems="true" CausesValidation="false"

Filter="StartsWith" AppendDataBoundItems="true" AllowCustomText="true" AutoPostBack="true"

DataTextField="Title" DataValueField="Code" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged">

</telerik:RadComboBox>

<br />

<telerik:RadGrid ID="RGGSTAcCode" runat="server"

ShowFooter="True" GroupingEnabled="False" ShowStatusBar="true" EmptyDataText="No record available."

AllowAutomaticInserts="False" AllowAutomaticUpdates="False" AllowAutomaticDeletes="true"

OnNeedDataSource="RGGSTAcCode_NeedDataSource" OnItemDataBound="RGGSTAcCode_ItemDataBound"

OnInsertCommand="RGGSTAcCode_InsertCommand" OnDeleteCommand="RGGSTAcCode_DeleteCommand"

OnUpdateCommand="RGGSTAcCode_UpdateCommand">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<mastertableview ShowHeadersWhenNoRecords="true" autogeneratecolumns="false" datakeynames="AccountCodeID" InsertItemDisplay="Top"

insertitempageindexaction="ShowItemOnCurrentPage" ShowFooter="True" CommandItemDisplay="Top">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

<telerik:GridTemplateColumn UniqueName="AccountCode" HeaderText="Account Code">

<ItemTemplate>

<asp:Label ID="lblAcCode" Text='<%# Eval("AccountCode") %>' runat="server"></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:DropDownList ID="ddlAcCode" DataTextField="AccountDescription" DataValueField="AccountCodeID" runat="server"/>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="AccountDescription" HeaderText="Description" UniqueName="AccountDescription" SortExpression="AccountDescription" InsertVisiblityMode="AlwaysHidden" ReadOnly="true" ></telerik:GridBoundColumn>

<telerik:GridBoundColumn aggregate="SUM" DataField="Amount" HeaderText="Amount" FooterText="Total : " UniqueName="Amount" SortExpression="Amount"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Remark" HeaderText="IFCA Remark" UniqueName="Remark" SortExpression="Remark">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmTextFormatString="Are you sure you want to Delete {0} Account Code?" ConfirmTextFields="AccountCodeID"

ConfirmDialogType="RadWindow" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"></telerik:GridButtonColumn

</Columns>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

<CommandItemSettings AddNewRecordText="Add new record" RefreshText="Refresh"></CommandItemSettings>

</mastertableview>

</telerik:RadGrid>

Please guide.

Please note that I am very new in Telerik controls so if I ask something very basic please forgive and try to guide me in a simple way.

General Discussions

answered on 16 Jul 2015

1 answer

105 views

RadInput - User arrow keys to navigate to next input

I have written a javascript function that allows the enter key to navigate to the next input on a large form that I have and I would like the up & down arrow keys to have the same functionality, however I believe the built in arrow key increment settings in the RadNumericTextbox are interfering with this. I have set the InterceptArrowKeys setting to False and am trying to capture the entered key with the ClientEvents.OnKeyPress event but it is not firing. Any ideas on how to accomplish this?

Input

answered on 16 Jul 2015

1 answer

73 views

Populate HTMLChart from RadGrid Row

How would I go about populating an HTMLChart with the selected row within my RadGrid? Upon a user selecting a row, I need the points on the graph mapped accordingly. Need the dates across the X axis and amounts going up the Y axis.

This example is what I want but not looking to query the database just use the records already returned.

Appreciate your help.

Grid

answered on 16 Jul 2015

12 answers

1.4K+ views

Telerik grid Calculated column

I've got a radGrid that allows paging. I have a grid calculated column in the grid. If user clicks on the next page or user changes the page size , the following error message displays:

Sys.WebForms.PageRequestManagerServerErrorException: An item with the same key has already been added.

If we are commenting the grid calculated columns paging is working fine.

Thanks

Grid