Questions on UI for ASP.NET AJAX Forum

1 answer

138 views

Performance issue when Placed RadCombobox in ItemTemplate of Telerik Rad Grid

Hi,

I have a requirement where I have to show multi column radcomboboxes in 4 columns of telerik Grid.Grid will have around 700 records with out pagination.I am using LoadOnDemand Combobox. But when I try to open a combobox , Items are not getting loaded to combobox.When grid records are around 30, Combobox loads the items normally.Please help me how to solve this issue.

Thanks
Himagiri

ComboBox

answered on 03 Apr 2013

3 answers

132 views

toolbar with Template button in Grid CommandItemTemplate

I have a toolbar in a grid CommandItemTemplate. The toolbar contains a TemplateButton and the template holds a label, a combobox and a button. It appears that clicking anywhere within the template button causes the grid ItemCommand event to fire. For instance, clicking on the lable fires the GridCommand event. The CommandName is empty when these events are fired so it doesn't cause any obvious problems, but I am wondering if there is a way to prevent this behavior. I only want the ItemCOmmand event to be fired when the user clicks on the button in the template... not when they make a selection in the combo box or click anywhere in the Button Template.

Grid

answered on 03 Apr 2013

1 answer

105 views

Hay Skin Bug

Using the Hay skin causes all axis labels to disappear.

Forest:
<text fill="#3c4c30" style="font: 16px Arial,Helvetica,sans-serif" transform="translate(-6,6) rotate(-90,25.5,193.25)" fill-opacity="1" y="200" x="10">KGs</text>

Hay:
<text fill="WHITE" style="font: 16px Arial,Helvetica,sans-serif" transform="translate(-6,6) rotate(-90,25.5,193.25)" fill-opacity="1" y="200" x="10">KGs</text>

You can see this by going to your demo page and selecting the Hay skin.
http://demos.telerik.com/aspnet-ajax/htmlchart/examples/overview/defaultvb.aspx

Any work around available?

Chart (HTML5)

answered on 03 Apr 2013

6 answers

153 views

IE9 Compatibility mode removing tags

I have the following problem when using compatibility mode in IE9 (so possibly an IE7 problem).

If you paste the following text into the HTML view:

This<o:p></o:p>
Is<o:p></o:p>
Broken<o:p></o:p>

Click design and it looks as expected, however then click html and following html is created:

This<o:p _rdeditor_exists="1"></o:p>Is<o:p _rdeditor_exists="1"></o:p>Broken<o:p _rdeditor_exists="1"></o:p>

Which has removed all tags. This doesn't happen in Chrome, Firefox, Opera, or IE9 in standard mode.

Thanks.

Editor

answered on 03 Apr 2013

1 answer

46 views

Add customisation search in RadGrid

Hi All,

When i try to get value from "RadGrid.MasterTableView.FilterExpression.ToString()" then it show as below:

(iif(ToolRequestName == null, "", ToolRequestName).ToString().ToUpper().Contains("test".ToUpper()))

but i want as:

([ToolRequestName] like "%test%")

please can anybody solve it?

Grid

answered on 03 Apr 2013

1 answer

420 views

Issue with ContextMenu Item Disable CSS Style when using ItemTemplate

I am using a RadTreeViewContextMenu in a RadTreeView like so:

ASP.NET Code:

<telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientContextMenuShowing="ContextMenuShowing">

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenu1" CssClass="context-menu">

<Items>

<telerik:RadMenuItem Text="Item1" Value="1">

<ItemTemplate>

<asp:Label ID="Label1" runat="server" Text="Item One" />

<%-- Some other controls here --%>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

CSS Code:

.context-menu .rmText

{

font-size: 0.9em;

}

.context-menu .rmDisabled

{

color: #aaa !important;

background-color: transparent !important;

}

.context-menu .rmItem:hover,

.context-menu .rmFirst:hover,

.context-menu .rmLast:hover

{

cursor: default !important;

background-color: #FF9900 !important;

}

.context-menu .rmSeparator:hover

{

background-color: transparent !important;

}

When I disable a context menu item (using the OnClientContextMenuShowing event) I am having problems getting the menu item to not be highlighted on mouse over. However, I can get the text color to change (shown in css code as .context-menu .rmDisabled
). I've also tried adding the rmDisabled css class to the disabled li tag element in my JavaScript event handler for OnClientContextMenuShowing event like so:

function ContextMenuShowing(sender, args) {

var menuItems = args.get_menu().get_items();

var isNodeEnabled = treeNode.get_attributes().getAttribute("isEnabled");

for (var i = 0; i < menuItems.get_count(); i++) {

var menuItem = menuItems.getItem(i);

menuItem.set_enabled(isNodeEnabled == "True");

if (!menuItem.get_enabled()) {

$(menuItem.get_element()).addClass("rmDisabled");

}

But this only works when I remove the !important declaration from the context-menu .rmItem:hover, .context-menu .rmFirst:hover and, .context-menu .rmLast:hover class definitions, which in turn causes the first and last items to not be highlighted on mouse over (hover). How can I get the menu item to not be highlighted on mouse over?

Menu

answered on 03 Apr 2013

2 answers

55 views

FormDecorator doesn't style controls inside hidden container after javascript shows the container

I have a form with a checkbox and a table, the table has several rows, each with a label and text box and 1 row has a dropdown list. The table is hidden using 'style="display:none;"' on page load and the checkbox is checked.

When I uncheck the checkbox, a javascript function is called to change the display mode of the table to 'style="display:block;"' and it works just fine, EXCEPT, the dropdown list does not get styled by the FormDecorator. If change it so that the table is visible on load, it gets styled normally.

The only way to get around this was to change my checkbox to call server side code on a postback to show/hide the table instead of javascript. But I hate performing a postback and executing code server side for something that can be handled client side.

Changing "OnClick='ShowHideShipping()'" to "OnCheckedChanged='chkShippingInfo_CheckedChanged' AutoPostBack='true'" gets me around the issue but why should I do a server side postback for something that only affects the client?

Anyone else run into this? Any ideas?

The markup:

<asp:CheckBox runat="server" ID="chkShippingInfo" Text=" Use my billing address (below)" Checked="true" OnClick="ShowHideShipping()" />

<table id="tblShippingInfo" class="AddressInfoTable" runat="server" style="display: none;">

<tr class="xmp-form-row">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_Name">

<span class="red"> * Name: </label>

</td>

<td align="left">

<telerik:RadTextBox ID="txtShipTo_Name" runat="server" />

</td>

<td align="left">

<asp:RequiredFieldValidator ID="valRequired_ShipTo_Name" runat="server"

Text=" * Required" Display="Dynamic" Enabled="false"

ErrorMessage="The Ship To Name field is required." Font-Bold="True"

ForeColor="Red" ControlToValidate="txtShipTo_Name" />

</td>

</tr>

<tr class="xmp-form-row">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_Address">

<span class="red"> * Address: </label>

</td>

<td align="left">

<telerik:RadTextBox ID="txtShipTo_Address" runat="server" />

</td>

<td align="left">

<asp:RequiredFieldValidator ID="valRequired_ShipTo_Address" runat="server"

Text =" * Required" Display="Dynamic" Enabled="false"

ErrorMessage="The Ship To Address field is required." Font-Bold="True"

ForeColor="Red" ControlToValidate="txtShipTo_Address" />

</td>

</tr>

<tr class="xmp-form-row">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_City">

<span class="red"> * City: </label>

</td>

<td align="left">

<telerik:RadTextBox ID="txtShipTo_City" runat="server" />

</td>

<td align="left">

<asp:RequiredFieldValidator ID="valRequired_ShipTo_City" runat="server" Display="Dynamic"

Text =" * Required" ErrorMessage="The Ship To City is required."

Font-Bold="True" ForeColor="Red" ControlToValidate="txtShipTo_City" Enabled="false" />

</td>

</tr>

<tr class="xmp-form-row" style="display: none;">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_Country">

<span class="red"> * Country: </label>

</td>

<td align="left">

<asp:DropDownList ID="cmbShipTo_Country" runat="server" AutoPostBack="True" Width="160px" onselectedindexchanged="cmbShipTo_Country_SelectedIndexChanged">

<asp:ListItem Text="US" Value="US" />

<asp:ListItem Text="Other" Value="Other" />

</asp:DropDownList>

</td>

<td align="left">

</td>

</tr>

<tr class="xmp-form-row">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_State">

<span class="red"> * State/Prov.: </label>

</td>

<td align="left">

<asp:DropDownList ID="cmbShipTo_State" runat="server" AutoPostBack="false" Width="160px" />

</td>

<td align="left">

<asp:RequiredFieldValidator ID="valRequired_ShipTo_State" runat="server"

Text =" * Required" Display="Dynamic" Enabled="false"

ErrorMessage="The Ship To State field is required." Font-Bold="True"

ForeColor="Red" ControlToValidate="cmbShipTo_State" />

</td>

</tr>

<tr class="xmp-form-row">

<td align="right" class="xmp-form-label-cell">

<label class="xmp-form-label" id="lblShipTo_ZipCode">

<span class="red"> * Zip Code: </label>

</td>

<td align="left">

<telerik:RadMaskedTextBox ID="txtShipTo_ZipCode" runat="server" Mask="#####" PromptChar="_" HideOnBlur="True" RequireCompleteText="True" ResetCaretOnFocus="True" />

</td>

<td align="left">

<asp:RequiredFieldValidator ID="valRequired_ShipTo_Zip" runat="server"

Text =" * Required" Display="Dynamic" Enabled="false"

ErrorMessage="The Ship To Zip Code field is required." Font-Bold="True"

ForeColor="Red" ControlToValidate="txtShipTo_ZipCode" />

</td>

</tr>

</table>

The javascript being used to show/hide the table:

var sShippingCheckBoxID = "<%=chkShippingInfo.ClientID %>";

var valShipNameID = "<%=valRequired_ShipTo_Name.ClientID %>";

var valShipAddressID = "<%=valRequired_ShipTo_Address.ClientID %>";

var valShipCityID = "<%=valRequired_ShipTo_City.ClientID %>";

var valShipStateID = "<%=valRequired_ShipTo_State.ClientID %>";

var valShipZipID = "<%=valRequired_ShipTo_Zip.ClientID %>";

var sShippingTableID = "<%=tblShippingInfo.ClientID %>";

/// <summary>

/// Hides/shows the shipping information area.

/// </summary>

function ShowHideShipping() {

var tblShip = document.getElementById(sShippingTableID);

var chkShip = document.getElementById(sShippingCheckBoxID);

var valShipName = document.getElementById(valShipNameID);

var valShipAddress = document.getElementById(valShipAddressID);

var valShipCity = document.getElementById(valShipCityID);

var valShipState = document.getElementById(valShipStateID);

var valShipZip = document.getElementById(valShipZipID);

var bShowShipping = false;

if (chkShip != null)

bShowShipping = !chkShip.checked;

     if (tblShip != null)

     {

if (bShowShipping)

tblShip.style.display = "block"

;

	  else

		tblShip.style.display = "none";

}

if (valShipName != null)

valShipName.Enabled = bShowShipping;

if (valShipAddress != null)

valShipAddress.Enabled = bShowShipping;

if (valShipCity != null)

valShipCity.Enabled = bShowShipping;

if (valShipState != null)

valShipState.Enabled = bShowShipping;

if (valShipZip != null)

valShipZip.Enabled = bShowShipping;

}

The "fix" - use post back instead of javascript:

protected void chkShippingInfo_CheckedChanged(object sender, EventArgs e)

{

tblShippingInfo.Style["display"] = (chkShippingInfo.Checked ? "none" : "block");

valRequired_ShipTo_Name.Enabled = !chkShippingInfo.Checked;

valRequired_ShipTo_Address.Enabled = !chkShippingInfo.Checked;

valRequired_ShipTo_City.Enabled = !chkShippingInfo.Checked;

valRequired_ShipTo_State.Enabled = !chkShippingInfo.Checked;

valRequired_ShipTo_Zip.Enabled = !chkShippingInfo.Checked;

}

FormDecorator

answered on 03 Apr 2013

1 answer

140 views

[Solved] Return Codes from print dialog

We are using the RedEditor control to print letters from our ASP.NET application. We have a client side event on a Print button as follows:

function radButtonPrint_ClientClicked() {

var editor = $find('radEditor');

editor.fire("Print");

}

When the user clicks the Print button, the print dialog appears and we can select the desired printer and print the letter (the HTML contents of the RadEditor control).

Is there a way to get the return codes from the Print Dialog via this "fire" command? We're trying to handle the case where the user has clicked Print to open the Print Dialog and then clicked Cancel on the dialog so that ultimately we can take further action (redirect appropriately, etc)

Editor

answered on 03 Apr 2013

1 answer

195 views

[Breaking Change] OnClientPasteHtml not firing for DocumentManager

It appears that the latest release of Telerik DLL's is no longer finring the OnClientPasteHtml event for the DocumentManager tool in RadEditor. We have some logic coded for this event, which has been working until we upgraded the DLL's to the latest release.
1. Does anyone know why this event was removed from the DocumentManager tool?
2. Is there a workaround or fix for this so that we don't have to completely change the logic that is currently working in our production environment?

Thank you for your assistance,
Ed Sudit

Editor

answered on 03 Apr 2013

2 answers

112 views

Telerik radgrid perform very slow with IE7/8

Hi,

1. In our application we are using radGrid control with 8 combobox ,many textbox controls and hiddens fileds inside it. Based on the selection we show/hide combobox on grid.When edit button is pressed, we are filing and showing up comboboxes - When rows > 15 grid takes on average 20sec to come to edit mode.If rows are less still it takes 5-10sec.

2. Based on button click we are adding the new row to radgrid from server side code, when again if rows >5 take 5-15 sec to a load.

3. On IE10(In one of the compatible mode) radCombobox width increases to the inner width of page.

4. RadWindow do not work on IE10(non -compatible mode), on button click we shows radwindow. Which workes properly on IE7/8/9

As of today many customers are using IE7/IE8.
Basically what I see is Telerik controls especially radGrid takes more time to render on IE-Browser.
If I run my page on Crome or Firefox, performance is very fast compared to IE7/8/9/10.
We tried the performance optimization suggested on your website, but still perofomance is very slow.

We are using Version : 2012.2.724.40.

If you have any suggestions, please reply.

-Sunil

Grid

answered on 03 Apr 2013