Questions on UI for ASP.NET AJAX Forum

6 answers

283 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

508 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

479 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

111 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

487 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

137 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

asked on 28 Feb 2017

35 answers

2.3K+ views

RadGrid Column header and data item alignment problem

Hi ,

We are using RadGrid in our application , the problem we are facing is that the RadGrid Header and the data items are not properly aligned with each other. Please help us in this.

Thanks,
Rahul

Grid

answered on 27 Feb 2017

7 answers

410 views

Retain column widths after resizing column

Is there a way to retain the width of columns in a radgrid after resizing one or more columns? After resizing one of the columns, if I do anything, such as navigate to the next page in the grid, then the resizing is lost and all the columns are back to the original size as if I just accessed the page.

Thanks!

Grid

answered on 27 Feb 2017

0 answers

116 views

RadGrid - Adaptive Behavior setup

Hi,

could somebody help me with setup of RadGrid in this demo? RenderMode is Mobile, I know but how to get the "inner scroll with auto min width" behavior. Thanks a lot

http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx?show-source=true

Grid

asked on 27 Feb 2017

2 answers

146 views

Script control "controlName" is not registered when I try to export to pdf

All,

I have a pretty simple grid setup (see grid code below). When I try to export to PDF I get the exception below. I can't register the controls because I only have reference to them during "ItemDataBound" event.

What's the work around on this one?

Script control 'lblDealer' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().

Parameter name: scriptControl

Here is my RadGrid Markup

01.<telerik:RadGrid runat="server" ID="gvDealerTunes" RenderMode="Lightweight" AllowPaging="False" AllowSorting="True" AllowFilteringByColumn="False">

02. <ExportSettings IgnorePaging="True" OpenInNewWindow="True">

03. <Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm"

04. BorderStyle="Medium" BorderColor="#666666"/>

05. </ExportSettings>

06. <MasterTableView AutoGenerateColumns="False">

07. <Columns>

08. <telerik:GridBoundColumn HeaderText="Tune Order Id" DataField="TuneOrderId"/>

09. <telerik:GridTemplateColumn HeaderText="Dealer">

10. <ItemTemplate>

11. <telerik:RadLabel runat="server" ID="lblDealer"/>

12. </ItemTemplate>

13. </telerik:GridTemplateColumn>

14. <telerik:GridTemplateColumn HeaderText="Customer">

15. <ItemTemplate>

16. <telerik:RadLabel runat="server" ID="lblCustomer"/>

17. </ItemTemplate>

18. </telerik:GridTemplateColumn>

19. <telerik:GridBoundColumn HeaderText="Zen Ticket #" DataField="ZenDeskTicketNumber"/>

20. <telerik:GridBoundColumn HeaderText="Vendor Order #" DataField="VendorOrderNumber"/>

21. <telerik:GridBoundColumn DataField="OrderedVerified" HeaderText="Verified"/>

22. <telerik:GridBoundColumn DataField="OrderVerfificationSource" HeaderText="Verification"/>

23. <telerik:GridBoundColumn DataField="IsTuneUpdate" HeaderText="Tune Update?"/>

24. <telerik:GridBoundColumn DataField="TuneCanBeAutoGenerated" HeaderText="AG?"/>

25. <telerik:GridBoundColumn DataField="TuneGenerated" HeaderText="Generated?"/>

26. <telerik:GridBoundColumn DataField="TuneOrderCreationDateTime" HeaderText="Created"/>

27. <telerik:GridBoundColumn DataField="SubmittedToZenDeskDateTime" HeaderText="Submitted"/>

28. </Columns>

29. </MasterTableView>

30. </telerik:RadGrid>

Export button code

1.private void BtnExport_Click(object sender, EventArgs e)

2. {

3. gvDealerTunes.MasterTableView.ExportToPdf();

4. }

Thanks in advance!!

Grid

answered on 27 Feb 2017