Questions on UI for ASP.NET AJAX Forum

1 answer

68 views

Object Selection Displays Wrong When Editor Scrolls In IE

In all IE versions (8-11), we have an issue when the content within the editor scrolls and you select an object. I can reproduce this on the editor demo page at http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx.

To reproduce it there, you:

Scroll down to the content about "Mount Tiedet, Tenerife".
Click on the image of the mountain.
Use the editor's scrollbar to scroll the image down out of the content view area of the editor.

The square handles that appeared in Step 2 scroll right down off the bottom of the editor into the page below it rather than being hidden. I attached a screenshot showing the issue, with it highlighted in yellow.

This is only happening for me in IE, not in Chrome or Firefox. Unfortunately, our users mostly use IE.

Do you have any thoughts what we can do about this?

Editor

answered on 03 Jun 2016

1 answer

149 views

Stacked chart with wrong scale

Hi,

We use HTMLChart to display stacked bar but the scale of the bar displayed is incorrect.

The value we supply and display on chart seems correct. There is also noticeable gap on each stacked bar.

Please refer to the attached screenshot.

We tested on another development PC and it works OK.

Please assist.

Thanks.

Chart (HTML5)

answered on 03 Jun 2016

11 answers

434 views

RadPersistenceManagerProxy

I want to start using the Persistence Framework - in a complex project that uses many usercontrols and MasterPages.

Logic (and what documentation I see) demands that we add the RadPersistenceManager to the MasterPage and use RadPersistenceManagerProxy to add settings.

I'm trying to determine how to SAVE and LOAD settings from the .aspx/.ascx pages that use the RadPersistenceManagerProxy. The proxy doesn't seem to have the SAVE and LOAD methods. Do I need to find/create a reference to the actual RadPersistenceManager? Or can I use the proxy to trigger these events?

(For what its worth - I want to trigger LOAD on Page_Load (if settings exist) and I want to add a ImageButton on the .aspx/ascx to allow the user to make the changes they want and then save them.)

Bill

Persistence Framework

answered on 03 Jun 2016

2 answers

393 views

RadComboBox Multi-select with unsupported Filter

We have been using RadComboBox with Multi-select, Filter, and MarkFirstMatch. I just now realized that this is unsupported:
http://www.telerik.com/help/aspnet-ajax/combobox-usability-checkboxes.html

Even though it is unsupported, it almost works perfectly. The only issue that I've noticed is that after you check a single item, navigate away, and then come back and select additional items, the textbox is not updated with the newly selected items. For example:

<telerik:RadComboBox runat="server" ID="testComboBox"

CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="FitInInput"

EmptyMessage="Select Numbers" AutoPostBack="false" Filter="Contains"

MarkFirstMatch="true" NoWrap="true" EnableLoadOnDemand="false"

OnClientTextChange="OnClientTextChange">

<Items>

<telerik:RadComboBoxItem Value="1" Text="One" />

<telerik:RadComboBoxItem Value="2" Text="Two" />

<telerik:RadComboBoxItem Value="3" Text="Three" />

<telerik:RadComboBoxItem Value="4" Text="Four" />

<telerik:RadComboBoxItem Value="5" Text="Five" />

</Items>

</telerik:RadComboBox>

That works well except if you select One, close the dropdown, come back and select Two and Three, when closing it the text will not display correctly- it will revent back to just displaying One. If I remove the Filter, then this issue doesn't occur. I realize that using a Filter is unsupported with multi-select, but coincidentally, if I set another unsupported option, EnableLoadOnDemand="true", then the problem is fixed! In fact, now the entire drop down functionally works perfectly, however, EnableLoadOnDemand="true" forces a postback when you start using the filter by typing into the textbox. This hinders the user's experience as filtering for the desired item(s) is now too slow since a postback occurs with every keypress.

So, my question is, is there any way to achieve the textbox refresh that EnableLoadOnDemand does without using EnableLoadOnDemand? Or, is there a nifty trick to prevent the postback with EnableLoadOnDemand without breaking the text filter? O, is there a supported way to have a multi-select dropdown with checkboxes and filtering?

ComboBox

answered on 03 Jun 2016

2 answers

237 views

RadComboBox Issue with CheckBoxes and Filter enabled

Hello All,
I whould like to share with u some trouble with using RadComboBox with CheckBoxes and Filter enabled. The problem is that after uncheck all items Combobox still show one item as checked. Version
Here is my code:

<tr>

<td class="adminTitle">Status</td>

<td class="adminData">

<telerik:RadComboBox EmptyMessage="Select Status" ID="ddlStatus" EnableCheckAllItemsCheckBox="true" Filter="Contains"

CheckBoxes="true" runat="server" Width="298px" ToolTip="Select Status" />

</td>

</tr>

Bind:

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

ddlStatus.SetEnumDataSource<WfApprovalStatus>(exceptOrders.Cast<int>().ToList());

}

Error appear only when I check ONE item.
Steps to reproduce:
1. Open page
2. Check only ONE item in combobox
3. Click in empty space of page (this will close combobox window)
4. Try to uncheck item
5. One more time in empty space
6. You will see that looks like item still left checked but if u open combo box you will see that is not. If u try to send form to server 1 item will be checked

If you remove using filter all works good.

ComboBox

answered on 03 Jun 2016

4 answers

137 views

Ajaxmanagerproxy vs button disable

Hello

I have an issue with RadajaxManagerProxy in a Masterpage/contentpage setup.
My goal is to enable/disable (save/update/email) buttons upon saving/updating a telerik report.

The code provided below works just fine when executed under no load.

But during the day with multiple users online, the script stops enabling/disabling the buttons.
(savereport and other heavy rutines still works)

Is my approach incorrect for the task?
Any help would be highly appreciated.

regards

Mark

Master.aspx----------------------------------------------------------------
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MP.master.cs" Inherits="MP" %>

<!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>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</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>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI"
Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>

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


<telerik:RadAjaxLoadingPanel ID="generalRadAjaxLoadingPanel" runat="server" Skin="Silk" InitialDelayTime="700" >
</telerik:RadAjaxLoadingPanel>

<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>

CP.aspx--------------------------------------------------------

<%@ Page Title="" Language="C#" MasterPageFile="~/MP.master" AutoEventWireup="true"
CodeFile="CP.aspx.cs" Inherits="Default3" %>

<%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=9.0.15.324, Culture=neutral, PublicKeyToken=a9d7983dfcc261be"
Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="but_Update">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="but_Email" UpdatePanelCssClass="" />
<telerik:AjaxUpdatedControl ControlID="but_Save" UpdatePanelCssClass="" />
<telerik:AjaxUpdatedControl ControlID="ReportViewer1" UpdatePanelCssClass="" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="but_Save">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="but_Email" UpdatePanelCssClass="" />
<telerik:AjaxUpdatedControl ControlID="but_Save" UpdatePanelCssClass="" />
<telerik:AjaxUpdatedControl ControlID="ReportViewer1" UpdatePanelCssClass="" LoadingPanelID="generalRadAjaxLoadingPanel" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

$(document).ready(function () {

});

function OpenQuoteEmail() {
alert('Email Dialog');
}

</script>
</telerik:RadCodeBlock>
<table runat="server" border="0" id="maintable" clientidmode="Static" style="width: 100%;">
<tr>
<td style="width: 250px;" valign="top">
<table width="250" border="0">
<tr>
<td>
<asp:Button ID="but_Update" runat="server" Text="Update"
Width="250px" OnClick="butUpdate_Click" TabIndex="109" />
<br />
<br />
<asp:Button ID="but_Email" runat="server" Text="E-Mail" Width="250px"
ClientIDMode="Static" OnClientClick="OpenQuoteEmail(); return false;" TabIndex="110" />
<br />
<br />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<asp:Button ID="but_Save" runat="server" Text="Save"
Width="110px" OnClick="butSave_Click" TabIndex="120" />
</td>
<td>
<asp:Button ID="but_Cancel" runat="server" Text="Close" Width="110px"
OnClick="butCancel_Click" TabIndex="121" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" style="height: 100%;">
<div id="rp">
<telerik:ReportViewer ID="ReportViewer1" runat="server" Height="1200px" Width="100%"
ShowParametersButton="False" ShowHistoryButtons="False" BorderColor="Gray" BorderStyle="Solid"
BorderWidth="1px" ViewMode="PrintPreview" ShowRefreshButton="False" ShowPrintPreviewButton="False"
TabIndex="99">
</telerik:ReportViewer>
</div>
</td>
</tr>
</table>
</asp:Content>

CP.cs---------------------------------------------------------------------------

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
but_Email.Enabled = false;
but_Email.ToolTip = "Please save document before opening email dialog";

}

protected void butSave_Click(object sender, EventArgs e)
{
but_Save.Enabled = false;
but_Email.Enabled = true;
but_Email.ToolTip = "";

// SavePrintSettings();
// SaveReports();

}

protected void butUpdate_Click(object sender, EventArgs e)
{
but_Save.Enabled = true;
but_Email.Enabled = false;
but_Email.ToolTip = "Save before opening email dialog";

// LoadReport();
}

protected void butCancel_Click(object sender, EventArgs e)
{

}
}

Ajax

answered on 03 Jun 2016

1 answer

307 views

How to extract RadGrid EditableItem into a DataTable?

Is it possible to extract the edited row from a RadGrid into a DataTable object?

The examples I've seen online show how to extract the data into a HashTable, but once you do that, you lose the data type (string, datetime, ect). We're building a generic grid that can display different tables, so we don't want to have to hard code the columns/data types. If the data is in a DataTable, then it can be passed directly to a SQL stored procedure that accepts a Table Value Parameter.

Grid

answered on 03 Jun 2016

6 answers

461 views

Rad Editor - MS Word-like Experience

Hi All,

Appearently, .doc upload on Editor - MS Word-like Experience, does not work properly.

Although it was defined to use LoadDocxContent, I'm getting error while trying to upload. Could you please help ? .docx documents work fine on async. upload.

case ".doc":
case ".docx":
RadEditor1.LoadDocxContent(e.File.InputStream);
break;

Documentation and Tutorials

answered on 03 Jun 2016

1 answer

147 views

Modify pager style

There is a requirement to display the pager according to the attached file.

Is there any pager style or CSS so that we can customize the pager style?

DataPager

answered on 03 Jun 2016

3 answers

328 views

Spreadsheet named rows or columns

Is there a way to get a list of values in all cells that are in a named column or row. Similar functionality to what is in spreadprocessing named ranges.

Spreadsheet

answered on 03 Jun 2016