Questions on UI for ASP.NET AJAX Forum

0 answers

149 views

Hi,

My RadComboBox in aspx:

<telerik:RadAutoCompleteBox runat="server" id="RadAutoCompleteBox" onclientrequesting="requesting"> </telerik:RadAutoCompleteBox>

I have array (50 items) in Javascript. Details item:

         - Id- this element set to value selected item;
         - Text ( Account Number + Description) - this element set to selection list in RadAutoCompleteBox;
         - Account Number - this element set to input;

I would like update RadAutoCompleteBox in function requesting in Javasctipt.

please help

AutoCompleteBox

asked on 28 Feb 2017

0 answers

140 views

Change RadMonthYearPicker format using Javascript

Hello everyone,

I want to change my date input format in client side using Javascript.
I saw there is a get_dateInput but I don't know how to use it to set the RadMonthYearPicker format to "MMMM".
Do anyone have a simple example?

Thank you in advance.

DatePicker

asked on 28 Feb 2017

0 answers

132 views

Change RadMonthYearPicker format using Javascript

Hello everyone,

I want to change my date input format in client side using Javascript.

I saw there is a get_dateInput but I don't know how to use it to set the RadMonthYearPicker format to "MMMM".

Do anyone have a simple example?

Thank you in advance.

MonthYearPicker

asked on 28 Feb 2017

4 answers

689 views

How do I use radconfirm with asp:LinkButton's OnClientClick?

I'm trying to use the radalert instead of the browser confirm alert. Normally I would put this in the OnClientClick: return confirm('Are you sure you want to delete this file?');. But this does not work with radalert. I tried the below but nothing worked, mostly they just show the confirm window and it disappears after a second then the page continues to post without me even answering the confirm question. How do I achieve this?

OnClientClick="return radconfirm('Are you sure you want to delete this file?', confirmCallBackFn);"
OnClientClick="radconfirm('Are you sure you want to delete this file?', confirmCallBackFn);"
OnClientClick="radconfirm('Are you sure you want to delete this file?', confirmCallBackFn); return false;"
OnClientClick="return radconfirm('Are you sure you want to delete this file?', confirmCallBackFn); return false;"

<script>
function confirmCallBackFn(arg)
{
return arg;
}
</script>

Window

answered on 28 Feb 2017

6 answers

296 views

Is there any easy way to use radconfirm like using asp.net confirm?

Hi there,

I am trying to use radconfirm instead of the asp.net confirm window. Following is my code for the asp.net delete confirmation window:

function Confirm_Delete() {

if (confirm("Are you sure you want to delete this?") == true)

return true;

else

return false;

}

<asp:Button ID="bt_Delete" runat="server" Text ="Delete" onclick="bt_Delete_Click" OnClientClick="return Confirm_Delete()" />

I have done the following changes in the javascript file, but it just show the delete confirmation window for a second, and then deleted the record without my input of Ok or not, Could anyone please let me know how to fix this issue? Thanks.

function confirmCallBackFn(arg) {

return arg;

}

function Confirm_Delete() {

radconfirm('<h3 style=\'color: #333399;\'>Are you sure you want to delete this?</h3>', confirmCallBackFn, 330, 100, null, 'Delete Confirmation');

}

Window

answered on 28 Feb 2017

4 answers

529 views

Bootstrap Skin

Hi,

When I load the boostrap skin, the formatting on the editor is not aligned properly (see attached screenshot)

My code is as follows.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
<!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>
<style type="text/css">
/* These allow the image editor to have a scroll bar */
/* This is very much a hack. May cause unexpected problems. Remove if necessary */
/* http://www.telerik.com/forums/need-to-learn-rad-image-editor-functioning */
#horizontalScrollHint, #verticalScrollHint {
display: none !important;
}
.RadImageEditor .rieContentArea {
overflow: auto !important;
}
</style>
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<div>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadImageEditor ID="RadImageEditor1" runat="server" ToolsFile="~/ToolsFile.xml" Skin="Bootstrap" ExternalDialogsPath="../ImageEditorDialogs">
<tools>
<telerik:ImageEditorToolGroup>
<telerik:ImageEditorTool Text="customSave" CommandName="customSave" />
</telerik:ImageEditorToolGroup>
</tools>
</telerik:RadImageEditor>
<telerik:RadComboBox RenderMode="Lightweight" ID="fontFamily" runat="server" AutoPostBack="false" EnableViewState="false"
CausesValidation="false" Width="130px">
<Items>
<telerik:RadComboBoxItem Text="Arial" Value="arial" />
<telerik:RadComboBoxItem Text="Times New Roman" Value="times new roman" />
<telerik:RadComboBoxItem Text="Verdana" Value="verdana" />
<telerik:RadComboBoxItem Text="Tahoma" Value="tahoma" />
<telerik:RadComboBoxItem Text="Courier New" Value="courier new" />
<telerik:RadComboBoxItem Text="Georgia" Value="georgia" />
<telerik:RadComboBoxItem Text="Ms Sans Serif" Value="ms sans serif" />
</Items>
</telerik:RadComboBox>
<script type="text/javascript">
Telerik.Web.UI.ImageEditor.CommandList["customSave"] = function (imageEditor, commandName, args) {
imageEditor.saveImageOnServer("Sunset", true);
}
</script>
</telerik:RadAjaxPanel>
</div>
</form>
</body>
</html>

Thanks!

ImageEditor

answered on 28 Feb 2017

14 answers

508 views

Need to display Grand Total on top of the Htmlchart stacked bars

Hello,

I need to display Grand Total on top of the Htmlchart stacked bars in addition to each stacked bar item value but i do not know how to do that.

I tried to use DefaultLabelValue with "#STSUM" but it is not avilable or i do not know how to use it.

Can you please help me with this?

I have attached the screen shot for the same.

Thanks,
Dhachina

Chart (HTML5)

answered on 28 Feb 2017

1 answer

133 views

#=dataitem.value# tags

Good day to forum members!

I have such a question-

what operations can I do with tags like #=dataitem.value# ?

In demos I saw expressions like

#=dataitem.value + dataitem.value1 + ...#

So, what else can I do with these ones?

Can I use any math function?

Can I round result?

One yet thing - can I work with #=dataitem.value# like operator in my .cs file? For example, convert it to value type? Something like decimal d=Convert.ToDouble("#=dataitem.value {0}", 1); ?

I'm not successful in any of these things;

Sorly, I'm new in telerik and ASP.

Chart (HTML5)

answered on 28 Feb 2017

0 answers

510 views

How to prevent PostBack while clicking button in ASP.NET

Hi,
In the following code you can see the RedGrid sample that has 2 buttons, one of them for edit and other for remove columns. When i click on the Edit or Remove button, one request send to server with Ajax but i have problem!
What is Problem?
This sample help me for send Ajax request to server but i want prevent to postback grid and when Edit-Button code behind called Grid.Rebind() grid has been update.
Thx you.
Nasri.

<septa:SeptaRadAjaxManagerProxy runat="server" ID="prox">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="prox">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdPropertyGroups" />

<telerik:AjaxUpdatedControl ControlID="grdCrmObjectTypeFields" />

<telerik:AjaxUpdatedControl ControlID="btnNewField" UpdatePanelCssClass="inline-block" />

<telerik:AjaxUpdatedControl ControlID="btnNewGroup" UpdatePanelCssClass="inline-block" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="grdCrmObjectTypeFields">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdCrmObjectTypeFields" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnNewField">

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnNewGroup">

</telerik:AjaxSetting>

</AjaxSettings>

</septa:SeptaRadAjaxManagerProxy>

<div class="row">

<div class="col-sm-6">

<div class="card mt15">

<div class="card-block">

<h3>

<septa:LocalizedLiteral ID="LocalizedLiteral2" runat="server"ResourceKey="Res.General.Literal.EditCrmObjectType_FieldsGroup"></septa:LocalizedLiteral>

</h3>

<hr class="mtn" />

<div class="table-responsive">

<septa:SeptaGrid ID="grdPropertyGroups" runat="server" OnItemCommand="grdPropertyGroups_ItemCommand"

OnNeedDataSource="grdPropertyGroups_NeedDataSource" AutoGenerateColumns="false"

OnItemCreated="grdPropertyGroups_ItemCreated" Width="100%">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Id">

<CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false" />

<Columns>

<septa:LocalizedGridDataBoundColumn DataField="Name" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right"></septa:LocalizedGridDataBoundColumn>

<telerik:GridButtonColumn UniqueName="btnEdit" CommandName="EditItem"ButtonType="ImageButton" ImageUrl="/_SiteCommon/Images/edit2.png"></telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="btnDel" ButtonType="ImageButton"ConfirmDialogType="Classic"

CommandName="DeleteItem" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"

ImageUrl="/_sitecommon/images/delete-icon.png">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderText="" HeaderStyle-HorizontalAlign="Center"ItemStyle-HorizontalAlign="Center"

HeaderStyle-Width="40px">

<ItemTemplate>

<asp:ImageButton runat="server" ID="lnkDown"ImageUrl="/_SiteCommon/images/public/down.png"

ToolTip='<%# LocalisationHelper.GetResourceValue(Res.General.Literal.General_Down) %>'

CommandName="MoveDown" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="" HeaderStyle-HorizontalAlign="Center"ItemStyle-HorizontalAlign="Center"

HeaderStyle-Width="40px">

<ItemTemplate>

<asp:ImageButton runat="server" ID="lnkUp"ImageUrl="/_SiteCommon/images/public/up.png"

ToolTip='<%# LocalisationHelper.GetResourceValue(Res.General.Literal.General_Up) %>'

CommandName="MoveUp" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</septa:SeptaGrid>

</div>

<div class="card-footer text-left">

<septa:LocalizedButton ID="btnNewGroup" runat="server" OnClick="btnNewGroup_Click" SkinID="AddBtn" />

</div>

AjaxPanel

asked on 28 Feb 2017

0 answers

146 views

Empty message for combobox with check items

It seems empty message for ComboBox with check items does not work.

Even though I have added a property of EmptyMessage="Select", my still shows nothing instead of Select.

How can I make default message show up when no item is selected?

Here is my code

<telerik:RadComboBox SkinId="ComboboxWithCheckbox" runat="server" EnableTextSelection="true" OnClientDropDownClosing="OnClientClosing" OnClientLoad="OnClientClosing"

CheckedItemsTexts="DisplayAllInInput" AllowCustomText="true" filter="Contains" CheckBoxes="true"

EnableCheckAllItemsCheckBox="false" CheckedItems="true" DropDownAutoWidth="Disabled">

<Localization CheckAllString="All" AllItemsCheckedString="All" ItemsCheckedString="Items Selected" />

</telerik:RadComboBox>

Here is my code

<telerik:RadComboBox ID="cbModel" runat="server" Width="100%"

DataTextField="Model" DataValueField="Model" EmptyMessage="Select"

ResolvedRenderMode="Classic" skinid="ComboboxWithCheckbox"

DataSourceID="ModelDataSource" >

</telerik:RadComboBox>

ComboBox