Questions on UI for ASP.NET AJAX Forum

1 answer

76 views

Add Titles to a four section scatter chart

I have a scatter chart that I have broken out in 4 sections (xAxis (-100,100); yAxis (-100,100)). I would like to place a title/header in each section to let the user know that when a plot point is in the section, it means "this". The image attached shows what I am looking for. The green means ahead of TAT/Funding, Red behind in both, etc.

My question is if there is a feature that allows this or do I need to overlay labels on top the chart using CSS?

Chart (HTML5)

answered on 05 Jan 2015

5 answers

261 views

RadEditor - Duplicated Images

I am working on a system that uses a RadEditor control to setup content for mailings. I recently had a user notify me that their email went out with a single image duplicated 4 extra times at the bottom of the email. If I look at the email, I do see the duplicated image. If I look at the editor control in design view I do not see the images. Looking at the HTML view of the editor, I do see the extra images. All copies appear to be in divs with the class "telerik_paste_container", and these are contained within a parent div whose id is "radePasteHelper". I'd imagine that radePasteHelper and its children are used behind the scenes by the control to aid in pasting operations, but that they probably shouldn't end up in the content of the editor.

I am told the user did some cut/paste with the image in question (not copy/paste, cut/paste), and this is a pretty savvy user so I'd wager they are stating the facts accurately. This user uses chrome for her work. We have another power user that uses IE and has never seen this bug on her mailings.

This isn't the first time we've seen this, though it's my first time posting on the forums. I am personally not able to recreate in either Chrome or FireFox, and the user in question can't make it happen every time either. I'd like to know what's causing the duplicated images, and if possible see a workaround or a fix for the issue. If you'd like me to post a copy of the bad mailing or if you'd like any other information please let me know, I'll be happy to provide. Thanks.

Telerik.Web.UI ver 2014.2.724.40

Editor

answered on 05 Jan 2015

1 answer

117 views

How to bind my Rad Gantt when selecting an item in Rad Combobox

Dears,

Could you please tell me how can I bind my tasks when I select an project item as i mentionned in the example showed in attachement ?

Many Thanks,

Gantt

answered on 05 Jan 2015

4 answers

174 views

RadPageLayout CSS Fail

I've rat-holed on CSS and the RadPageLayout control thinking I am at fault for the design problems of my page. Turns out it is not me that is mucking things up.

The straw that broke the camels back was the following story.

I had a CSS class named .intro in a Telerik ASP.NET AJAX web project, renamed .intro it to .introhdr and changed the aspx markup to reflect the new name. When the web page was loaded, the CSS properties of said class were not used at all. The . Rename the class back to intro, rename the markup to reflect intro, render and the page reflected the CSS properties.

I've wasted a few hours on this control. .introhdr h1 {
    color:#D2DFCC;
    margin-top:5px;
    font-size:2em;
}

What other controls in the "DevCraft" ASP.NET AJAX suite do you have that are the same quality?

Why was RadPageLayout added to the toolset and released in this state?

        <telerik:RadPageLayout ID="pageLayout" runat="server" ShowGrid="false" RegisterWithScriptManager="true" GridType="Fluid">
            <Rows>
                <telerik:LayoutRow runat="server">
                    <Columns>
                        <telerik:LayoutColumn runat="server" HtmlTag="Section">
                            <section class="introhdr">
                                <h1>Alternative Energy Fuel Stations</h1>
                                <h3>Locate biodiesel, compressed natural gas, ethanol, electric charging, hydrogen, liquefied natural gas, and propane station locations.
                                </h3>
                            </section>
.introhdr {
    border-radius: 0px 0px 7px 0px;
    background: -webkit-linear-gradient(#374A3C, #82976E); /*For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#374A3C, #82976E); /*For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#374A3C, #82976E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#374A3C, #82976E); /* Standard syntax */
    padding: 0px 10px 20px;
    background-color:#82976E;
    margin-top:0px;
}
NOTE this h1 class was renamed as well. .
.introhdr h1 {
    color:#D2DFCC;
    margin-top:5px;
    font-size:2em;
}

Telerik_UI_for_ASP.NET_AJAX_2014_3_1209_Dev_hotfix

Microsoft Visual Studio Ultimate 2013
Version 12.0.30723.00 Update 3
Microsoft .NET Framework
Version 4.5.51641

Installed Version: Ultimate

Architecture and Modeling Tools   06181-004-0451013-02453
Microsoft Architecture and Modeling Tools

UML® and Unified Modeling Language™ are trademarks or registered trademarks of the Object Management Group, Inc. in the United States and other countries.

Team Explorer for Visual Studio 2013   06181-004-0451013-02453
Microsoft Team Explorer for Visual Studio 2013

Visual Basic 2013   06181-004-0451013-02453
Microsoft Visual Basic 2013

Visual C# 2013   06181-004-0451013-02453
Microsoft Visual C# 2013

Visual C++ 2013   06181-004-0451013-02453
Microsoft Visual C++ 2013

Visual F# 2013   06181-004-0451013-02453
Microsoft Visual F# 2013

Visual Studio 2013 Code Analysis Spell Checker   06181-004-0451013-02453
Microsoft® Visual Studio® 2013 Code Analysis Spell Checker

Portions of International CorrectSpell™ spelling correction system © 1993 by Lernout & Hauspie Speech Products N.V. All rights reserved.

The American Heritage® Dictionary of the English Language, Third Edition Copyright © 1992 Houghton Mifflin Company. Electronic version licensed from Lernout & Hauspie Speech Products N.V. All rights reserved.

Windows Phone SDK 8.0 - ENU   06181-004-0451013-02453
Windows Phone SDK 8.0 - ENU

Application Insights Tools for Visual Studio Package   1.0
Application Insights Tools for Visual Studio

ASP.NET and Web Tools   12.3.50717.0
Microsoft Web Developer Tools contains the following components:
Support for creating and opening ASP.NET web projects
Browser Link: A communication channel between Visual Studio and browsers
Editor extensions for HTML, CSS, and JavaScript
Page Inspector: Inspection tool for ASP.NET web projects
Scaffolding: A framework for building and running code generators
Server Explorer extensions for Microsoft Azure Websites
Web publishing: Extensions for publishing ASP.NET web projects to hosting providers, on-premises servers, or Microsoft Azure

ASP.NET Web Frameworks and Tools 2012.2   4.1.21001.0
For additional information, visit http://go.microsoft.com/fwlink/?LinkID=309563

ASP.NET Web Frameworks and Tools 2013   5.2.20703.0
For additional information, visit http://www.asp.net/

Common Azure Tools   1.2
Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Microsoft Azure Mobile Services Tools   1.2
Microsoft Azure Mobile Services Tools

NuGet Package Manager   2.8.50313.46
NuGet Package Manager in Visual Studio. For more information about NuGet, visit http://docs.nuget.org/.

Office Developer Tools for Visual Studio 2013 ENU   12.0.30626
Microsoft Office Developer Tools for Visual Studio 2013 ENU

PowerShell Tools   1.2
Provides file classification services using PowerShell

PreEmptive Analytics Visualizer   1.2
Microsoft Visual Studio extension to visualize aggregated summaries from the PreEmptive Analytics product.

SQL Server Analysis Services
Microsoft SQL Server Analysis Services Designer
Version 12.0.2000.8

SQL Server Integration Services
Microsoft SQL Server Integration Services Designer
Version 12.0.2430.0

SQL Server Reporting Services
Microsoft SQL Server Reporting Services Designers
Version 12.0.2430.0

Telerik ASP.NET AJAX VSExtensions   2014.5.1021.0
Telerik UI for ASP.NET AJAX VSExtensions

Windows Phone 8.1 SDK Integration   1.0
This package integrates the tools for the Windows Phone 8.1 SDK into the menus and controls of Visual Studio.

Workflow Manager Tools 1.0   1.0
This package contains the necessary Visual Studio integration components for Workflow Manager.

PageLayout

answered on 05 Jan 2015

1 answer

357 views

Remove parsing on nested double-quotes

We have found that some of our end users are pasting HTML into the editor that has nested double quotes for a URL. When they save their changes and the editor parses that HTML the changes the editor makes are even worse. We realize that this HTML is not compliant in the first place but is there any way to disable this specific type of change? We would prefer to preserve incorrect HTML than to have the editor make any further changes.

Our customers may paste in code like this:

<td style="width: 133px; height: 20px; text-align: center; vertical-align: middle; background-image: url("/resource/resmgr/IDGuard/LandTab_M.png");"> </td>

Which then gets changed into something like this:

<td style="width: 133px; height: 20px; text-align: center; vertical-align: middle; background-image: url(" resource="" resmgr="" idguard="" landtab_m.png);"=""> </td>

Alternatively, if there is a way to get it to change their source so that it is correct, with the URL in a single-quote that would be ideal.

Thanks

Editor

answered on 05 Jan 2015

1 answer

78 views

[Solved] Can we use HtmlChart in Telerik Reporting

HI. I am using Telerik version 2014 Q1. Now am using Reporting there am using Chart in that. So thought an idea to use HtmlChart. So I would like to know whether HtmlChart can we use in Reporting. Please let me know. Thanks in advance

Chart (HTML5)

answered on 05 Jan 2015

2 answers

476 views

Get datakeyvalue of multiple selected rows using checkbox at client side

I have RadGrid on web page with ckeckbox inside it.

I want to fetch "datakey value" of multiple selected rows using checkbox at client side on button(which is outside RadGrid) click.

I tried below code but its not working:

<telerik:RadGrid ID="RadGrid1" EnableViewState="false" runat="server" AllowPaging="true" OnItemDataBound="RadGrid1_ItemDataBound"

AllowSorting="False" AllowFilteringByColumn="true" GridLines="None" OnInit="RadGrid1_Init" OnDeleteCommand="RadGrid1_DeleteCommand" >

<ItemStyle Wrap="false"></ItemStyle>

<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed" DataKeyNames="Id" ClientDataKeyNames="Id">

<Columns>

<telerik:GridTemplateColumn UniqueName="SelectRow" HeaderText="Select" AllowFiltering="false" HeaderStyle-Width="20px">

<ItemTemplate>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 
<script type="text/javascript">
    function getDataKeyValues(chk) {
            
        //find datakeyvalue of selected row
        var masterTable = $find("<%=RadGrid1.ClientID%>").get_masterTableView();
        var count = masterTable.get_dataItems().length;
        var checkbox;
        var item;
        for (var i = 0; i < count; i++) {
            item = masterTable.get_dataItems()[i];
            checkbox = item.findElement("CheckBox1");
            if (checkbox.checked) {
                var dataKeyValue = item.getDataKeyValue("Id");
                //alert(dataKeyValue);
                


                var hiddenValue = document.getElementById("hdn_Id"); //get Id inside Hidden field
                hiddenValue.value = dataKeyValue;
                alert(hiddenValue.value);
            }
        }
    }
</script>
</telerik:RadScriptBlock>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridNumericColumn UniqueName="Id" DataField="Id" HeaderText="Id" HeaderStyle-Width="20px" AllowFiltering="False">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" AndCurrentFilterFunction="Contains" FilterListOptions="AllowAllFilters" HeaderStyle-Width="100px">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<PagerStyle AlwaysVisible="true" Mode="NumericPages"></PagerStyle>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="RadGrid1_RowDataBound"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

<br />

<asp:HiddenField ID="hdn_Id" runat="server" />

<asp:Button ID="btnPrint" runat="server" Text="Print" CssClass="btn btn-primary" OnClick="btnPrint_Click" />

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if(e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

CheckBox chk = (CheckBox)item.FindControl("CheckBox1");

chk.Attributes.Add("onclick", "getDataKeyValues(this);");

}

protected void btnPrint_Click(object sender, EventArgs e)

{

funTax();

foreach(GridDataItem item in RadGrid1.MasterTableView.Items)

{

CheckBox check = (CheckBox)item.FindControl("CheckBox1");

if (check.Checked == true)

{

string itemId = hdn_Id.Value;

//Response.Redirect("~/Test.aspx?Id=" + itemId);

}

General Discussions

answered on 03 Jan 2015

2 answers

137 views

GridDateTimeColumn double postback on enter

Hello,

I have a GridDateTimeColumn with a filter (markup below) that works fine if the user uses the datepicker. If they type a date and hit enter, however, the page posts back once, where the filter is applied, but then posts back a second time which causes all kinds of bad behavior in our app. I've tried setting autopostbackonfilter = false and setting a filter delay but the filter never gets applied. Any ideas?

The markup:

<rad:GridDateTimeColumn DataField="OrderDate" UniqueName="GridDateTimeColumnOrderDate"
HeaderText="Date" FilterControlWidth="170px" HeaderStyle-Width="170px" SortExpression="OrderDate"
AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" DataType="System.DateTime"
ShowFilterIcon="false" EnableTimeIndependentFiltering="true" FilterListOptions="VaryByDataType" />

Grid

answered on 02 Jan 2015

3 answers

381 views

Using HTML entities in the text of a RadComboBoxItem control

I'm trying to pad the text of a RadComboBoxItem with spaces (to create a sense of hierarchy). This works fine with a regular HTML select control:

<select>

<option>Item 1</option>

<option>  Item 1.1</option>

<option>  Item 1.2</option>

<option>Item 2</option>

<option>  Item 2.1</option>

<option>    Item 2.1.1</option>

<option>    Item 2.1.2</option>

<option>Item 3</option>

<option>  Item 3.1</option>

<option>  Item 3.2</option>

</select>

However, when I try to set the text property of a RadComboBoxItem using html entities ( ), the control seems to be escaping the characters so it shows up exactly as typed instead of showing up as an actual space:item.Text = padding + asset.AssetName;

string padding = "";

for(int i = 0; i < depth; i++)

padding += " ";

RadComboBoxItem item = new RadComboBoxItem();

item.Value = asset.AssetID.ToString();

item.Text = padding + asset.AssetName;

item.Enabled = (asset.Type == AssetType.AppSet);

item.Selected = (asset.AssetID == ParentAssetID);

rcb.Items.Add(item);

Any ideas about how to prevent the RadComboBox from escaping HTML entities?

ComboBox

answered on 02 Jan 2015

1 answer

101 views

After adding new tds to Radwindow Titlebar

I'm using a radwindow to open a popup, now there was requirement to add new links in the titlebar. From what I found, I used this javascript snippet:-
HereI'm inserting two new TDs just before default close button. The TD before that is what contains an TD>> EM for title text of radwindow.

function openPopUpWindow(Url, name) {

var win = window.radopen(Url, name);

winRad1 = win;

var TitleBar = win.GetTitlebar();

var parent = TitleBar.parentNode;

var oUL = parent.getElementsByTagName('TR')[0];

secondTD = oUL.getElementsByTagName('TD')[1];

innerEm = oUL.getElementsByTagName('EM')[0]; // This is where I want to change width

innerEm.id = 'TitleRadEM'; // Assign an ID to it; Can't chnage it's width here as before load it's empty

elementThis = innerEm;

win.add_pageLoad(OnClientPageLoad12);

win.add_activate(OnClientActivate12);

win.add_resizeEnd(OnClientResizeEnd12);

if (!(oUL.firstChild.id == "helplink")) {

var oLI = document.createElement("TD");

oLI.id = "helplink"

oLI.style.cssText = 'width:22px;';

var Em = document.createElement("EM");

var EmClose = document.createElement("EM");

var A = document.createElement("A");

oLI.appendChild(Em);

A.className = "helplinclass";

A.href = "https://support.xyzxyzxyz.com/";

A.target = "_blank";

A.title = "Help";

A.id = 'HelpLink';

A.innerHTML = 'Help';

Em.appendChild(A);

oUL.insertBefore(oLI, oUL.lastChild);

var oLI2 = document.createElement("TD");

oLI2.style.cssText = 'width:22px;';

oLI2.appendChild(EmClose);

EmClose.unselectable = 'on';

EmClose.innerHTML = ' Close';

EmClose.style["font-size"] = "10pt";

EmClose.style.cssText = 'font-size:10pt; padding-right:-1px;';

oUL.insertBefore(oLI2, oUL.lastChild);

win._updateTitleWidth();

}

win.center();

win.autoSize(false); // tried with true and without this as well

}

function OnClientPageLoad12() {

var windowR = GetRadWindowManager();

if (winRad1 != null) {

var win = winRad1;

var TitleBar = win.GetTitlebar();

var parent = TitleBar.parentNode;

var oUL = parent.getElementsByTagName('TR')[0];

secondTD = oUL.getElementsByTagName('TD')[1];

innerEm = oUL.getElementsByTagName('EM')[0];

innerEm.style.cssText = 'width:850px;';

win._updateTitleWidth();

}

function OnClientActivate12() {

document.getElementById('TitleRadEM').style.cssText = 'width:850px;';

elementThis.style.cssText = 'width:850px;';

}

The problem is that as the rad window is loaded the UI gets a bit distorted at right hand side of radwindow.
As I've inserted a new elements (2 tds); original width changes and this causes the width to overflow at RHS. Now to correct this I tried changing width of title TD (containing the text just before the Help link) of the titlebar but this is not working.
I bind a loadevent as well activate event in the above code:-
Therefore I try to reduce the width of TD containing the title text so that new links can be accomodated. To achieve this I biI bind a loadevent as well activate event in the above code:-
In OnClientPageLoad12 at first the width is adjusted and then after telerk's js is executed it again get's distorted.
In OnClientActivate12: the width is adjusted just the right way but I've to click on radwindow to activate it.

FYI: I've used both approaches, that is accessing element through document.getElementby and from radwindowmanager.

Please help me to move in the right direction.

Window

answered on 02 Jan 2015