Questions on UI for ASP.NET AJAX Forum

3 answers

150 views

Hi.

I have an issue with modal radWindow, the thing is that I am using a master page, and it has obviusly an MainContent ContentPlaceHolder, the issue is when I show the window in modal style, the window "locks" the entire page, and I want to know if it's possible to configure the window to lock just the ContentPlaceHolder instead of the entire Page.

Hope you can help me, thanks.

Window

answered on 09 Sep 2015

1 answer

65 views

RadPanelItem Heightis not Reflected

I have two RadPanelItems in a RadPanelBar.

The First RadPanelItem has list of Controls and it goes up to 20 lines of controls. But when it is viewed in the browser all the 20 lines of controls are not visible due to the height which is set as AUTO is not reflected. Vertical scroll bar is shown to view the all the lines. I don't want to have the scroll bar, Instead i need to show all the lines of code at a single page.

PanelBar

answered on 09 Sep 2015

1 answer

121 views

Error when not using embedded scripts for ListBox

I get the following error when not using embedded scripts for the RadListBox

Uncaught TypeError: Cannot read property 'Classic' of undefined.

I'm using Telerik version 2015.1.225.40.

Sample code

<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 Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Navigation.NavigationScripts.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.ListBox.RadListBoxScripts.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.TouchScrollExtender.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<telerik:RadListBox ID="lstPermitStatuses" Width="313px" Height="100px" runat="server" EnableEmbeddedScripts="False">

<Items>

<telerik:RadListBoxItem Text="Item1" runat="server" />

<telerik:RadListBoxItem Text="Item2" runat="server" />

<telerik:RadListBoxItem Text="Item3" runat="server" />

<telerik:RadListBoxItem Text="Item4" runat="server" />

<telerik:RadListBoxItem Text="Item5" runat="server" />

</Items>

</telerik:RadListBox>

</div>

</form>

Please let me know how this can be fixed without using embedded scripts.

ListBox

answered on 09 Sep 2015

2 answers

122 views

Get parent item from grid inside a nestedviewtemplate

Hello,

I have a datagrid1 which contains another datagrid2 inside a nestedviewtemplate. With datagrid2 I insert, update and delete records with the help of the different command events.

How is it possible to get the parent item inside the OnItemCommandEvent, if I click on "Add new record" or on the button inside my GridEditCommandColumn. I tried e.Item.OwnerTableView.ParentItem inside the OnItemCommand-event, but the ParentItem is always null. Thanks in advance.

Kind regards,
Felix

Grid

answered on 09 Sep 2015

4 answers

192 views

GridTemplateColumn Checkbox reposted as checked Incorrectly

This is one strange bug. I have a simple RadGrid with a couple of columns, I use a GridTemplateColumn with a checkbox control for deletion, heres the markup.

<telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Center" UniqueName="chkItem" ItemStyle-Width="1%">

<HeaderTemplate>

<asp:CheckBox runat="server" onclick="$('.chk-locations2 input').prop('checked', this.checked).trigger('change');" ID="chkSelectAll" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox CssClass="chk chk-locations2" data-value='<%#Eval("LocationID")%>' text='<%#Eval("LocationID")%>'

runat="server" ID="chkItem" Checked="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

Anyway, I have a button that does a full postback that checks for .Checked checkboxes and executes the delete operation, like this.

For Each Item As Telerik.Web.UI.GridItem In Input.Items

If Item.ItemType = GridItemType.Item Or Item.ItemType = GridItemType.AlternatingItem Then

Dim Chk As CheckBox = CType(Item.FindControl("chkItem"), CheckBox)

If Chk.Checked Then

Dim ID As String = Chk.Text

If IsNumeric(ID) Then

CallBack.Invoke(ID, Argument)

End If

Next

All works as expected, only the checked rows are deleted and since I reload the grid again, no items are checked once the page has reloaded, it all looks ok until you refresh the page again. If your grid had say 10 items and you ticked the first item and deleted it, as expected the grid now would have 9 items. If you refresh the page, a full postback is done as expected however, the first item is marked as "Checked" when it was not, so the item is then deleted and how you have 8 items despite the fact that you had not explicitly checked any item.

This seems to be a bug in the radgrid, the checkbox is shown as Checked when nobody checked it. The only solution I can see for now is to prevent a postback with Javascript by check for the no. of checked checkboxes.

Grid

answered on 09 Sep 2015

1 answer

122 views

CDN Resource Package

Hey

where can i find the latest CDN package as i would like to try hosting my own as we are having some issues due to security settings.

Peter.

ScriptManager and StyleSheetManager

answered on 09 Sep 2015

2 answers

223 views

Problem With RadToolTip (Radtooltip is not updating Properly )

I have Updated Telerik From 2013 to 2015,but facing some issues now.

I have radTooltiptip with checkbox on it, whenever i check the box, instead of updating Radtootip at same location, it update itself in the background. and I get Two tooltip at same time. One as in Popup form and second in background. while i am using only one in code. It was working perfect in telerik2013.

<telerik:AjaxSetting AjaxControlID="rbcasestatus">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

-----------------------------------------------------------------------------

<telerik:RadToolTip ID="RadToolTip1" Animation="Slide" AnimationDuration="190" runat="server" Modal="true" HideEvent="ManualClose"

Style="z-index: 6990" Position="Center" Width="751px">

<asp:Panel ID="Panel1" DefaultButton="btndispatch" BackColor="White" runat="server" Height="250px" Width="813px">

<table style="width: 782px">

<tr>

<td style="margin-left: 10px;" class="auto-style23"></td>

<td class="auto-style24" style="margin-left: 10px;">

<asp:Label ID="Label17" runat="server" CssClass="label" Text="Dispatch To"></asp:Label>

</td>

<td class="auto-style25">

<asp:RadioButtonList ID="rbcasestatus" runat="server" Height="16px" AutoPostBack="true" OnSelectedIndexChanged="rbcasestatus_SelectedIndexChanged" RepeatDirection="Horizontal" Width="172px">

<asp:ListItem Value="0">Client</asp:ListItem>

<asp:ListItem Value="1">Vendor</asp:ListItem>

</asp:RadioButtonList>

</td>

<td class="auto-style26">

<asp:Label ID="lblVendorName" runat="server" CssClass="label" Text="Vendor Name"></asp:Label>

</td>

<td class="auto-style27">

<asp:RadioButtonList ID="rbVendorName" runat="server" Height="16px" RepeatDirection="Horizontal" Width="172px">

<asp:ListItem Value="0">Huawei</asp:ListItem>

<asp:ListItem Value="1">ZTE</asp:ListItem>

</asp:RadioButtonList>

</td>

</tr>

<tr>

<td class="auto-style19" style="margin-left: 10px;"> </td>

<td class="auto-style3" style="margin-left: 10px;"> </td>

<td class="auto-style14">

<asp:Button ID="btndispatch" runat="server" BorderColor="#0099CC" BorderStyle="Solid" class="customButton" Height="31px" OnClick="btndispatch_Click" Style="float: left; margin-right: 10px; margin-left: 1px;" Text="Dispatch" ValidationGroup="SaveActivity" Width="114px" />

</td>

<td class="auto-style17"> </td>

<td> </td>

</tr>

<tr>

<td class="auto-style19"> </td>

<td colspan="4">

<asp:Label ID="lblMessage" runat="server" ForeColor="Green"></asp:Label>

</td>

</tr>

</table>

<br />

</asp:Panel>

</telerik:RadToolTip>

------------------------------------------------------------------------------

protected void rbcasestatus_SelectedIndexChanged(object sender, EventArgs e)

{

if (rbcasestatus.SelectedIndex==1)

{

lblVendorName.Visible = true;

rbVendorName.Visible = true;

}

else

{

lblVendorName.Visible = false;

rbVendorName.Visible = false;

}

ToolTip

answered on 09 Sep 2015

6 answers

120 views

Default view in RadEditor's DocManager / ImageManager

Hi,

I currently have the radEditor throughout my SharePoint application. The Document / Image Manager defaults to Gridview and thumbnails view respectively. Is there anyway to change these default views through the config.xml files? I have some picky users that keep complaining they have to switch views everytime. When uploading hundreds of images, I guess this can get tedious.

mc

Editor

answered on 09 Sep 2015

2 answers

236 views

HTML image map

Hi, we're creating an HTML (not an ASP.NET control) image map dynamically from the server side into an ASP Label. An ID is assigned to each AREA tag. There is a TooltipManager on the page and the Tooltip is dynamically created when a user mouses over any hotspot on the map. This process works fine, but the Tooltip appears to the right of the image map in the same place every time. It's like the Tooltip takes the position of the image map and not the hotspot. We've looked over the demos for TooltipManager and Tooltip but both aren't quite the same and don't seem to have an issue. I've attached a screen of what it looks like and the code used for creating the Tooltip. I'm sure it's just a CSS issue but there is nothing special about the page itself, besides it being part of a MasterPage.

ASP

<telerik:RadToolTipManager ID="ttmPrinters" ShowCallout="false" RelativeTo="Element" HideEvent="ManualClose" Position="MiddleLeft" Animation="None" Width="266px" Height="394px" ContentScrolling="None" runat="server" Skin="Silk" RenderInPageRoot="true" IgnoreAltAttribute="true" Modal="true">

</telerik:RadToolTipManager>

JS

var ttm = $find("ctl00_ContentPlaceHolder1_ttmPrinters");

var tooltip = ttm.createToolTip(document.getElementById(id));

tooltip.set_content(request.d);

setTimeout(function () {

tooltip.show();

}, 10);

ToolTip