Questions on UI for ASP.NET AJAX Forum

4 answers

118 views

Highlighting of selected rows not displaying properly in IE8 compatibility view

When using a RadGrid with ClientSettings.Selecting.AllowRowSelect set to true, the highlighting of the selected row does not display properly in IE8 compatibility view (see attached screen shot). (It displays fine with compatibility view turned off, but, unfortunately, the application I'm developing needs to work in IE8 with compatibility view turned on.) Anyone know how I can either fix this or turn off the highlighting behavior all together? (I'm using a GridClientSelectColumn, which shows a check box for each row, so the highlighting of selected rows is not essential.)

Software details:
Telerik RadControls 2011.2.712.40
Windows XP Pro
Visual Studio 2010 / .NET 4.0.3019
IE 8.0.6001.18702

Grid

answered on 21 Oct 2011

5 answers

190 views

[Solved] RadGrid Problems using radAjaxPanel and MasterPage contents

Hi i looking for a some help.
I have a master page whit the next controls

<div class="Contenedor_Principal">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<radA:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<radA:AjaxSetting AjaxControlID="RadAjaxPanel1">

<UpdatedControls>

<radA:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</radA:AjaxSetting>

</AjaxSettings>

</radA:RadAjaxManager>

<radA:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientEvents-OnRequestStart="OnRequestStart"

LoadingPanelID="AjaxLoadingPanel1">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</radA:RadAjaxPanel>

<radA:AjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server">

<asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/Imagenes/Aplicacion/ajax-loader2.gif" />

</radA:AjaxLoadingPanel>

</div>

then i have a aspx file based in this masterpage, into the content place holder i have a simple form:

<table>

<tr>

<td align="left">

<asp:Label ID="Label2" runat="server" CssClass="ElementoDeFormulario_Etiqueta" Text="Comandos"></asp:Label>

<asp:ImageButton ID="btnEliminar" runat="server" ImageUrl="~/Imagenes/Iconos/Eliminar.png"

OnClick="btnEliminar_Click" OnClientClick="return Confirmar('¿Seguro desea eliminar los registros seleccionados?')" />

</td>

</tr>

<tr>

<td align="center">

<radG:RadGrid ID="dgListaPrincipal" runat="server" AutoGenerateColumns="False" GridLines="None"

AllowPaging="True" OnItemCommand="dgListaPrincipal_ItemCommand" OnPageIndexChanged="dgListaPrincipal_PageIndexChanged"

PageSize="20" Skin="Office2007">

<MasterTableView>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False">

<HeaderStyle Width="19px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<radG:GridTemplateColumn UniqueName="TemplateColumn">

<ItemTemplate>

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

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridBoundColumn HeaderText="Identificación" UniqueName="column" DataField="pIdentficacion">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Tipo" UniqueName="column" DataField="pId_TiposDeDocumento.pNombre">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Nombre" UniqueName="column" DataField="pNombre">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Telefono 1" UniqueName="column" DataField="pTelefono_1">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="@mail" UniqueName="column" DataField="pEmail">

</radG:GridBoundColumn>

<radG:GridButtonColumn ButtonType="ImageButton" HeaderText="Editar" UniqueName="jajaXD"

ImageUrl="~/Imagenes/Iconos/Editar.png" CommandName="Editar">

</radG:GridButtonColumn>

</Columns>

</MasterTableView>

<PagerStyle Font-Underline="false" Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="TopAndBottom" />

</radG:RadGrid>

</td>

</tr>

</table>

then, i am working in asp.net framework 4, and visual studio 2010 (under c#).
The problem is, when i do clic in the button "Editar" ocured this:
1) Testing in visualstudio whit IExplorer 9 = works fine
2) Testing in visualstudio whit mozillafirefox = Detalles de la excepción: System.FormatException:
3) Testing compiled files in a webserver using IExplorer 9 = the AjaxLoadingPanel1 view never finish (loading loading loading)
4) Testing compiled files in a webserver using mozillafirefox = Detalles de la excepción: System.FormatException:

i try to assess step by step in both navigators but both never entry in itemcomand event
i try to negate the ajax request using this:

<script type="text/javascript">

function OnRequestStart(target, arguments) {

try {

if (arguments.EventTarget == "<%= dgListaPrincipal.UniqueID %>") {

arguments.EnableAjax = false;

}

else {

arguments.EnableAjax = true;

}

catch (err) {

//Handle errors here

}

</script>

but i founded that arguments.EventTarget equals 'ctl00$ContentPlaceHolder1$dgListaPrincipal$ctl01$ctl04$ctl00'
i need execute code in the itemcommandevent (the best way with the visualization of the loading screen).

all this works fine if i execute proyect code whitout masterpage and radajaxpanel

thaks for reply e.e

Grid

answered on 21 Oct 2011

1 answer

100 views

ajaxRequest in SharePoint

Is there any known issues with calling RadAjaxManager ajaxRequest from within SharePoint? Are there any settings/variable I should check in the SharePoint masterpage?

I have a combobox with AllowCustomText = True. When the user presses enter, I call ajaxRequest to update a grid on the screen. The problem is it only works 1 time. After the first time, ajaxRequest gets called, but the loading panel does not show, and the grid does not update. I added alerts to make sure that the AjaxManager is found in the javascript, and ajaxRequest calls with no error. I have set up the same senario in a simple web project, and it works fine. But when I use it on a page in SharePoint, the issue exists.

Here is my code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" RequestQueueSize="3" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Telerik" />

<telerik:RadComboBox ID="cmbSearch" runat="server" Width="220px" AllowCustomText="True" >

<ItemTemplate>

<telerik:RadGrid ID="grdSearch" Width="530px" runat="server" OnNeedDataSource="grdSearch_NeedDataSource">

...

</telerik:RadGrid>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem runat="server" Text=" "></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

protected void Page_Load(object sender, EventArgs e)

{

RadGrid grid = cmbSearch.Items[0].FindControl("grdSearch") as RadGrid;

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadAjaxManager1, grid, RadAjaxLoadingPanel1);

}

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

<script type="text/javascript">

window.onload = RegisterSearchEvent;

function RegisterSearchEvent() {

var combo = $find("<%= cmbSearch.ClientID %>");

var input = combo.get_inputDomElement();

input.attachEvent("onkeydown", searchBoxKeyDown);

}

function searchBoxKeyDown(e)

{

if (!e)

e = window.event;

var code = e.keyCode;

if (code == 13)

{

var combo = $find("<%= cmbSearch.ClientID %>");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadFilteredData");

}

e.cancelBubble = true;

if (e.stopPropagation)

{

e.stopPropagation();

}

return false;

}

</script>

</telerik:RadCodeBlock>

Any help would be appreciated.

Thanks,
Justin

Ajax

answered on 21 Oct 2011

1 answer

162 views

Changing the country code in a "country" bound datafield to it's full name

So I have a RadGrid that is bound to the result of a SOAP call that returns a bunch of clients. Each client's country is returned as the 3 digit iso3 code (examples: "USA" for Unites States or "AUT" for Austria).The country column is bound using a GridBoundColumn.

I already have a table that contains the iso3 codes and the full names of the country that I can reference.

I'm wondering how can I most efficiently change the iso3 output to show the full name to the user.

Grid

answered on 21 Oct 2011

3 answers

187 views

[Solved] Getting a 'RadImageEditor' is not a known element error.

Hi,

Yesterday, in order to be able to modify the layouts of some of the RadEditor dialogs, I created the EditorDialogs folder and stuck in a few of the ascx controls that we wanted to change. One was the ImageManager. Basically all I wanted to do with that was to change the overall dialog size since it was cutting off the Cancel and OK buttons.

However when I open up the ImageManager, select an image and then click on Image Editor, I get an error:

Inner Exception: Unknown server tag 'telerik:RadImageEditor'.

at System.Web.UI.TagPrefixTagNameToTypeMapper.System.Web.UI.ITagNameToTypeMapper.GetControlType(String tagName, IDictionary attribs) at System.Web.UI.MainTagNameToTypeMapper.GetControlType2(String tagName, IDictionary attribs, Boolean fAllowHtmlTags) at System.Web.UI.MainTagNameToTypeMapper.GetControlType(String tagName, IDictionary attribs, Boolean fAllowHtmlTags) at System.Web.UI.RootBuilder.GetChildControlType(String tagName, IDictionary attribs) at System.Web.UI.ControlBuilder.CreateChildBuilder(String filter, String tagName, IDictionary attribs, TemplateParser parser, ControlBuilder parentBuilder, String id, Int32 line, VirtualPath virtualPath, Type& childType, Boolean defaultProperty) at System.Web.UI.TemplateParser.ProcessBeginTag(Match match, String inputText) at System.Web.UI.TemplateParser.ParseStringInternal(String text, Encoding fileEncoding)

...Telerik.Web.UI.DialogHandler.aspx%3fDialogName%3dImageEditor%26Skin%3dOffice2007%26Title%3dImage+Editor%26doid%3d22a2c583-8c90-4554-bc20-06f6848d044d%26dpptn%3d%26dp%3dY3VlR29uZVRsdydSAiwoFW98cgJtYU5EdHIWEAAcMzJnAl8BYWBTDG1nNxEBdWBmVnN8VmJ%2bQxkBNQA8BHwNa2Fg

Both the Telerik.Web.UI and the Telerik.Web.Design have the version: 2011.1.413.35 and Runtime Version: v2.0.50727.

The real upshot of this is, even if I delete the ImageEditor.ascx file the error remains, which means that I'm unable to use the ExternalDialogs because by using it, the error occurs.

FYI, the RadEditor is created as a user control so it is not declared on any aspx page.

Suggestions?

Thanks,
Cameron

ImageEditor

answered on 21 Oct 2011

2 answers

203 views

RadGrid change page based on time interval

I have a RadGrid with multiple pages (or could be a single page) based on the number of values being displayed on the grid. I would like the grid to automatically move on to the next page after 60 seconds. When it reaches the last page, it should go back to the first page.

I have been searching the forums for something of this nature but I haven't found anything yet. Has anyone tried to do this?

Grid

answered on 21 Oct 2011

1 answer

186 views

RadListView: Set tekst of label control on a GroupTemplate

<telerik:RadListView ID="RadListView3" runat="server" OnLayoutCreated="OnLayoutCreated" ItemPlaceholderID="ProductsContainerItems" OnItemCommand="RadListViewItemCommand" GroupPlaceholderID="GroupsProductsContainer" GroupItemCount="4">

<asp:PlaceHolder ID="GroupsProductsContainer" runat="server" />

</LayoutTemplate>

<asp:PlaceHolder ID="ProductsContainerItems" runat="server" />

</div>

</fieldset>

</GroupTemplate>

How can I set the label lblLegendDag which is in the GroupTemplate.
I tried this with the following code, but this is not working.

Label test = (Label)RadListView3.FindControl("lblLegendDag");

The result is that test delivers null.

Can someone helps me with this problem.

ListView

answered on 21 Oct 2011

3 answers

110 views

extra space and bullet between multi-line Tabstrip in IE

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" SelectedIndex="0"

MultiPageID="RadMultiPage1" Align="Justify">

<Tabs>

<telerik:RadTab Text="Tab1" PageViewID="Pageview1"></telerik:RadTab>

<telerik:RadTab Text="Tab2" PageViewID="Pageview2"></telerik:RadTab>

<telerik:RadTab Text="Tab3" PageViewID="Pageview3" IsBreak="True"></telerik:RadTab>

<telerik:RadTab Text="Tab4" PageViewID="Pageview4"></telerik:RadTab>

<telerik:RadTab Text="Tab5" PageViewID="Pageview5"></telerik:RadTab>

<telerik:RadTab Text="Tab6" PageViewID="Pageview6"></telerik:RadTab>

</Tabs

</telerik:RadTabStrip>

Multi-line Tabstrip creates extra space and bullet in IE. In firefox and chrome, it has no issue.

TabStrip

answered on 21 Oct 2011

2 answers

314 views

RadGrid1.MasterTableView.GetColumn("orderno").Visible = true Problem

If the OrderOption changed radgrid _prerebder is fired butVisible = true; Columns are not showing

if (OrderOption == "Order Pending")

{

foreach (GridDataItem item in RadGrid1.MasterTableView.GetItems(GridItemType.Item))

{

RadGrid1.MasterTableView.GetColumn("orderno").Visible = false;

RadGrid1.MasterTableView.GetColumn("orderdate").Visible = false;

RadGrid1.MasterTableView.GetColumn("quotationno5").Visible = true;

}

else if (OrderOption == "Order Generated")

{

foreach (GridDataItem item in RadGrid1.MasterTableView.GetItems(GridItemType.Item))

{

RadGrid1.MasterTableView.GetColumn("orderno").Visible = true;

RadGrid1.MasterTableView.GetColumn("orderdate").Visible = true;

RadGrid1.MasterTableView.GetColumn("quotationno5").Visible = false;

}

Thanks,
Mohamed.

Grid

answered on 21 Oct 2011

3 answers

150 views

Load on Demand Grid in Combobox

I have a RadCombobox being used exactly like the example here:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridincombobox/defaultcs.aspx?product=combobox

I pretty much copied the code from the demo. Everything works exactly like the demo except for 1 thing... If you type too fast, its stops working. After entering 3 characters, it works fine if you wait for the grid to load after each character, but if you type too fast, it stops working. Once it stops working, the grid doesn't refresh even if you clear the text and start again. You have to refresh the page to get it to start working again.

I cannot reproduce it in the online demo, and since my code is the same, I don't expect you to know what's wrong. However, if you can give me some tips on what might be the cause, or a way to diagnose the issue, it would be greatly appreciated.

Differences between my app and the demo:
    - I'm calling a WCF server from the code behind instead of retrieving directly from a database
    - My combobox is in the masterpage of the site.
    - My application is in SharePoint

Thanks,
Justin

ComboBox

answered on 21 Oct 2011