Questions on UI for ASP.NET AJAX Forum

1 answer

49 views

Sales Dashboard using Q2 2012 Telerik DLLs

Hi,

I've downloaded the ASP.NET AJAX source code of Sales Dashboard http://demos.telerik.com/aspnet-ajax/salesdashboard/ and tried to integrate it with a purchased license of Q2 2012 version of Telerik. Somehow, the demo doesn't work using the newer version. I attached a screenshot of the error that occurs. Any thoughts on this?

Thank you

General Discussions

answered on 13 Sep 2012

1 answer

39 views

Content missing after RadAjaxLoadingPanel

I have two standard USB panels when I press the button I need to process fields on panel one, then hide panel one and display panel two. However when I press the button, the loading panel displays and the code behind fires... but once it is complete and the loading panel is hidden again the next panel is not shown. I have stripped the code down in another temporary file to remove all style sheets, external scripts etc etc and the problem still remains...

I simply can't see where I'm being stupid, please help :)

Partial Class matt_test

Inherits System.Web.UI.Page

Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click

Panel1.Visible = False

pnl_test.Visible = True

System.Threading.Thread.Sleep(2000)

End Sub

End Class

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="matt-test.aspx.vb" Inherits="matt_test" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!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">

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" SupportsPartialRendering="True" />

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

var currentLoadingPanel = null;

var currentUpdatedControl = null;

function RequestStart(sender, args) {

currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID%>");

if (args.get_eventTarget() == "<%= Button1.UniqueID %>") {

currentUpdatedControl = "<%= Panel1.ClientID %>";

currentLoadingPanel.show(currentUpdatedControl);

}

function ResponseEnd() {

if (currentLoadingPanel != null) {

currentLoadingPanel.hide(currentUpdatedControl);

}

currentUpdatedControl = null;

currentLoadingPanel = null;

}

</script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

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

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" BackgroundPosition="Center" EnableSkinTransparency="true" Visible="true" />

<div id="frame_mobilecontent">

<asp:Panel ID="Panel1" runat="server" class="RegInputWrapper">

This<br />

Is<br />

A<br />

Test<br />

Panel<br />

</asp:Panel>

<asp:Panel runat="server" ID="pnl_test" style="background-color:Red;width:300px;height:600px;" visible="false">

This<br />

Is<br />

A<br />

Test<br />

Panel 2<br />

</asp:Panel>

<asp:Button ID="Button1" runat="server" Text="Button" />

</div>

</form>

</body>

</html>

Ajax

answered on 13 Sep 2012

1 answer

286 views

RadGrid, EditItemTemplate sending null values for CheckBox + more

<telerik:RadGrid ID="RadGrid3" runat="server" Width="100%"

AllowAutomaticUpdates="True"

AllowMultiRowEdit="true"

AllowPaging="false"

DataSourceID="SqlDataSource3"

EnableLinqExpressions="false"

GridLines="None"

OnItemDataBound="RadGrid3_ItemDataBound"

OnPreRender="RadGrid3_PreRender"

PageSize="10">

<MasterTableView Width="100%" CommandItemDisplay="Bottom" EditMode="InPlace" DataSourceID="SqlDataSource3" DataKeyNames="ProductAttributeDefKey,Value" AutoGenerateColumns="false">

<CommandItemTemplate>

<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid3.EditIndexes.Count > 0 %>'>Update Products</asp:LinkButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" CausesValidation="false" Visible='<%# RadGrid3.EditIndexes.Count > 0 || RadGrid3.MasterTableView.IsItemInserted %>'>Cancel editing</asp:LinkButton>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn DefaultInsertValue="1" DataField="SortOrder" HeaderText="Sort Order" SortExpression="SortOrder" UniqueName="SortOrder">

<EditItemTemplate>

<telerik:RadNumericTextBox runat="server" ID="tbSortOrder"

DbValue='<%# Bind("SortOrder") %>' ShowSpinButtons="true" MinValue="1" MaxValue="999" NumberFormat-DecimalDigits="0" Width="50px">

</telerik:RadNumericTextBox>

</EditItemTemplate>

<ItemTemplate>

<%# Eval("SortOrder")%>

</ItemTemplate>

<ItemStyle CssClass="sortColumn" />

<HeaderStyle CssClass="sortColumn" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ProductId" HeaderText="ProductId" SortExpression="ProductId" UniqueName="ProductId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductAttributeDefKey" HeaderText="Def Key" SortExpression="ProductAttributeDefKey" UniqueName="ProductAttributeDefKey" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name" UniqueName="Name" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AttributeDataType" HeaderText="AttributeDataType" SortExpression="AttributeDataType" UniqueName="AttributeDataType" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="Value" HeaderText="Value" SortExpression="Value" UniqueName="Value" ForceExtractValue="Always">

<EditItemTemplate>

</EditItemTemplate>

<ItemTemplate>

<%# Eval("Value")%>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource3" runat="server"

ConnectionString=""

SelectCommand="procProductAttribute_Select" SelectCommandType="StoredProcedure"

UpdateCommand="procProductAttribute_Update" UpdateCommandType="StoredProcedure">

<SelectParameters>

<asp:Parameter Name="ProductId" Type="Int32" DefaultValue="52964" />

<asp:Parameter Name="IsCustom" Type="Boolean" DefaultValue="false" />

</SelectParameters>

<UpdateParameters>

<asp:Parameter Name="ProductId" Type="Int32" />

<asp:Parameter Name="ProductAttributeDefKey" Type="String" />

<asp:Parameter Name="AttributeDataType" Type="Int32" />

<asp:Parameter Name="Value" Type="String" />

</UpdateParameters>

</asp:SqlDataSource>

protected void RadGrid3_PreRender(object sender, EventArgs e)

{

if (!IsPostBack)

{

foreach (GridItem item in RadGrid3.MasterTableView.Items)

{

if (item is GridEditableItem)

{

GridEditableItem editableItem = item as GridDataItem;

editableItem.Edit = true;

}

RadGrid3.Rebind();

}

protected void RadGrid3_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

GridTemplateColumnEditor editor = (GridTemplateColumnEditor)item.EditManager.GetColumnEditor("Value");

TableCell cell = (TableCell)editor.ContainerControl;

Int32 id = (Int32)DataBinder.Eval(e.Item.DataItem, "AttributeDataType");

String value = null;

if(DataBinder.Eval(e.Item.DataItem, "Value") != System.DBNull.Value) {

value = (String)DataBinder.Eval(e.Item.DataItem, "Value");

}

switch (id)

{

case 1:

CheckBox checkBox = new CheckBox();

checkBox.Attributes.Add("Value", "1");

checkBox.Text = "1";

if (!String.IsNullOrWhiteSpace(value))

{

if (value.Substring(0, 1) == "1" || value.Substring(0, 1).ToLower() == "t" || value.Substring(0, 1).ToLower() == "y")

{

checkBox.Checked = true;

}

else

{

checkBox.Checked = false;

}

cell.Controls.Add(checkBox);

break;

case 2:

case 6:

case 7:

RadNumericTextBox numericTextBox = new RadNumericTextBox();

numericTextBox.ID = "NumericTextBox1";

numericTextBox.ShowSpinButtons = true;

Int32 tempInt;

if (Int32.TryParse(value, out tempInt))

{

numericTextBox.Value = tempInt;

}

cell.Controls.Add(numericTextBox);

break;

case 3:

default:

TextBox textBox = new TextBox();

textBox.ID = "TextBox1";

if (!String.IsNullOrWhiteSpace(Server.HtmlDecode(value)))

{

textBox.Text = value;

}

cell.Controls.Add(textBox);

break;

case 4:

RadTextBox textArea = new RadTextBox();

textArea.ID = "TextArea1";

textArea.TextMode = InputMode.MultiLine;

if (!String.IsNullOrWhiteSpace(Server.HtmlDecode(value)))

{

textArea.Text = value;

}

cell.Controls.Add(textArea);

break;

case 5:

RadDatePicker dp = new RadDatePicker();

dp.ID = "DatePicker1";

DateTime tempDateTime;

if (DateTime.TryParse(value, out tempDateTime))

{

dp.SelectedDate = tempDateTime;

}

cell.Controls.Add(dp);

break;

case 8:

//lookup here

break;

}

Having some trouble updating my grid. Ive added the controls in programatically as they differ per row, the text box, rad text box and numeric text boxes update no problem, but the date picker sends through an empty string and checkbox is always false. I will also be adding dropdown box which will no doubt have the same problems.

edit: checkbox always has original value, so if its true it will always get set to true on update no matter the state of the checkbox, same is happening for textbox and any other control

Any idea whats causing this or what im missing?

Thanks
Craig

Grid

answered on 13 Sep 2012

2 answers

286 views

Radwindowmanager confirmation server side

Dear friends,
I am using radwindowmanager in asp.net
can some one please give me a good idea how to using radwindowmanager confirmations message at server side!
Some thing like

Have two buttons on the dialog which are “Scan Another” and “Translate”. Scan Another will

clear the scanned bet image and reset the stake to £0.00. Translate will go immediate to the

translate tab with that bet selected.

This is what right now I am using!

<telerik:radwindowmanager id="RadWindowManagerTakeBet" runat="server" skin="Metro">

</telerik:radwindowmanager>

RadWindowManagerTakeBet.RadAlert("Stake Saved!", 330, 100, "No Bet Stake", null, null);

Thanks,
Shakti

Ajax

answered on 13 Sep 2012

5 answers

132 views

RadtreeList cellspacing

Is there a way to change the vertical spacing between cells?

TreeList

answered on 13 Sep 2012

4 answers

197 views

StripFormattingOnPaste not working and OnClientPasteHtml not working for FireFox

Hi,

Using telerik version 2012.2.724 with FireFox 15. OS = Windows 2008 Server R2.

This code has been in production for months but with Telerik Version 2011.x (forgot which, but it doesn't matter).

Since the upgrade, pasting from word carries all the Word formatting with it even though I have StripFormattingOnPaste="AllExceptNewLines" set.

I set a breakpoint in my OnClientPasteHtml handler and it's never fired!

Thanks! I appreciate your help.

Edit:
I created a very simple page with 1 RadEditor with a OnClientPaste handler and also the StripFormattingOnPaste="AllExceptNewLines" attribute.

I pasted the following from a Word doc:

"Recommendation:

For scalability we need the ability to load additional limited versions into the mix. It is recommended that if a district is configured for more than one limited version that the label change to BoardBook (Limited Version 1)."

What was pasted in FireFox:

"

<p class="MsoNormal">Recommendation:</p>

<p class="MsoNormal">For scalability we need the ability to load additional
limited versions into the mix.<span style="mso-spacerun:yes">  </span>It is
recommended that if a district is configured for more than one limited version
that the label change to BoardBook (Limited Version 1).</p>

"

"

You can see that the control is completely ignoring the StrippingFormatOnPaste property. I also never see the alert in the handler in FF. I do get the alert from IE.

Here is the client-side code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadEditest._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <div>
                        <telerik:RadEditor ID="txtItemSubject" runat="server"
                            ClientIDMode="Static"
                            EnableResize="False"
                            Width="590" Height="110"
                            EditModes="Design"
                            SpellCheckSettings-AllowAddCustom="false"
                            SpellCheckSettings-DictionaryLanguage="en-US"
                            SpellCheckSettings-SpellCheckProvider="TelerikProvider"
                            OnClientPasteHtml="OnClientPaste"
                            StripFormattingOnPaste="AllExceptNewLines"
                            StripFormattingOptions="MSWord"
                            ContentAreaMode="Div"
                            Contentfilters="MozEmStrong, EncodeScripts"
                            >
                            <Tools>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorTool Name="Bold" />
                                    <telerik:EditorTool Name="Italic" />
                                    <telerik:EditorTool Name="Underline" />
                                    <telerik:EditorSeparator Visible="true" />
                                    <telerik:EditorTool Name="Undo" />
                                    <telerik:EditorTool Name="Redo" />
                                    <telerik:EditorSeparator Visible="true" />
                                    <telerik:EditorTool Name="Copy" />
                                    <telerik:EditorTool Name="Cut" />
                                    <telerik:EditorTool Name="Paste" />
                                    <telerik:EditorSeparator Visible="true" />
                                    <telerik:EditorTool Name="InsertSymbol" />
                                    <telerik:EditorTool Name="AjaxSpellCheck" />
                                </telerik:EditorToolGroup>
                            </Tools>
                        </telerik:RadEditor>

    </div>
    <button id="testbutton">Click me!</button>
    </form>
        <script type="text/javascript">

            $().ready(function () {
                $("#testbutton").click(function () {
                    var txtItemDesc = $find('<%=txtItemSubject.ClientID %>');
                    var stuff = txtItemDesc.get_html();
                    debugger;
                });
            });

            function OnClientPaste(editor, args) {
                alert("Paste!!");
            }

</script>

</body>
</html>

Editor

answered on 13 Sep 2012

2 answers

112 views

RadTreeNodeData not defined on client side

partial client side code:
This code works while in VS2010 IDE, but not when on localhost or server

var strSearch = $find('<%= radtxtSearch.ClientID%>').get_textBoxValue().toUpperCase();

var strSearchType = $find('<%= radcmbSearch.ClientID%>').get_text().toUpperCase();

treeView = $find("<%=treeView.ClientID%>");

treeView.get_nodes().clear();

var node = new Telerik.Web.UI.RadTreeNodeData();

node.Attributes = new Array(2);

var attr = {}

attr.Key = "NodeType";

when in localhost or server, it returns object

Object expected when creating the new node because RadTreeNodeData does not exist.

Any ideas what to look for ?

Thanks

TreeView

answered on 13 Sep 2012

2 answers

88 views

show special days in grid date filter

Hi team,
how can I show special days in the grid date filter ?
regards,
Mohammed

Grid

answered on 13 Sep 2012

5 answers

433 views

Can't set grid item values on insert

i am having the worst time trying to set the value of a column of a radgrid when the user clicks the "Add New Item" link.

the setup is a RadGrid control bound to an EntityDataSource whose underlying table has two primary keys, one of which is foreign ( much like a parent child scenario). that key is ItemID.

The real problem is that though RadGrid knows the keys - it will not use them in the insert, thereby generating a foreign key constraint error. so i get to find some way to populate the grid column ItemID with the foreign key value ItemID.

the event handler is:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

if (editedItem != null)

{

editedItem["ItemID"].Text = editedItem.GetDataKeyValue("ItemID").ToString();

}

the column of interest is:

<telerik:GridBoundColumn DataField="ItemID"

FilterControlAltText="Filter column column" HeaderText="Item ID"

UniqueName="ItemID" DefaultInsertValue='<%# I wish i could reference the Key Values%>' >

</telerik:GridBoundColumn>

unfortunately when the editor is displayed (after the user clicks the Add New Item link), the ItemID value is blank causing the insert into the table to fail when the user clicks insert. i am using default Add New functionality - whatever that is called.

what am i doing wrong?

Grid

answered on 13 Sep 2012

1 answer

199 views

Tooltip for RadHtmlChart

Hi team,

I am showing year wise population growth in the pie chart. I am getting Growth % value as toolltip while mouse over on the sector/region of the piechart. Can i get Year:2001(Coresponding year) and Growth(%): Please find attachment and give replay as soon as possible.

Chart (HTML5)

answered on 13 Sep 2012