Questions on UI for ASP.NET AJAX Forum

4 answers

154 views

I have an issue where div's are being expanded by a jquery call but are sliding behind the radscheduler when they appear. I have increased the z-index of the divs with the !important tag applied in css, and also tried reducing the z-index of the radscheduler using the default setting in css. My div's contain menu options and reside on a master page, not sure if that's helping or not.

I'm running the q2 controls from 2012 so they're current, and I'm using the 'simple' theme that's packaged with the controls. Is there some other setting I can apply to drop the radscheduler further down the z-index hierarchy??

thanks.
Morgan.

Scheduler

answered on 24 Jul 2012

2 answers

92 views

Dock performance issue

Hello!

I'm experiencing serious Dock performance issues and I'm afraid that things might get even worse so any help is appreciated.

I'm using Docks to create employee's schedule/to-do list which means that each employee has about 50-60 visible Docks on his screen at a time. The problem is, as I assume, that old docks that are closed slow down loading of opened ones and because of it loading takes about 30 seconds which is far too much for a business application.

What I'd need is to suggest me the best practice on how to fix this.

Thank you!

Regards,

Hrvoje

Dock

answered on 24 Jul 2012

2 answers

106 views

Grouping not working

I am trying to use grouping to one of the RadGrid where all the columns are autogenerated

i applied the code.

ShowGroupPanel="True" (RadGrid attribute)

and

<ClientSettings AllowDragToGroup="True" >

</ClientSettings>

But when ever I am dragging one column to the group panel ,
getting this

Error: Sys.WebForms.PageRequestManagerServerErrorException: Unable to cast object of type 'Telerik.Web.UI.GridGroupSplitterColumn' to type 'Telerik.Web.UI.GridBoundColumn'.
:(

Please Help

Regards
Arijit Chatterjee

Grid

answered on 24 Jul 2012

3 answers

56 views

TabStrip / Load on Demand RadPageView in Sharepoint 2010

Hi Telerik team,
i am trying to create same application explain in this article http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/loadondemand/defaultcs.aspx in SharePoint 2010 using webpart.As per article i have created VisualWebpart which will create two Tabs and once you click on tab it will load UserControl.it is working fine without ajax settings if i try to implement ajax setting its not working.
Here is HTML Markup for WorkspaceTabs.ascx.

<script type="text/javascript">

function onTabSelecting(sender, args) {

if (args.get_tab().get_pageViewID()) {

args.get_tab().set_postBack(false);

}

</script>

<Telerik:RadAjaxLoadingPanel ID="radajaxloadingPanel" runat="server" Skin="Default" />

<div id="Tabs">

<Telerik:RadMultiPage ID="radWorkspaceMultiPage"

runat="server"

SelectedIndex="0"

OnPageViewCreated="radWorkspaceMultiPage_PageViewCreated">

</Telerik:RadMultiPage>

<Telerik:RadTabStrip ID="radWorkspaceTab"

SelectedIndex="0"

runat="server"

MultiPageID="radWorkspaceMultiPage"

OnTabClick="radWorkspaceTab_TabClick"

OnClientTabSelecting="onTabSelecting"

>

</Telerik:RadTabStrip>

</div>

Workspace.cs file load above Usercontrol

[ToolboxItemAttribute(false)]

public class Workspaces : WebPart

{

// Visual Studio might automatically update this path when you change the Visual Web Part project item.

private const string _ascxPath = @"~/_CONTROLTEMPLATES/Connexus/WorkspacesTabs.ascx";

RadAjaxManager ajaxmgr;

protected override void OnInit(EventArgs e) {

base.OnInit(e);

/* ajaxmgr = RadAjaxManager.GetCurrent(this.Page);

if (ajaxmgr == null) {

ajaxmgr = new RadAjaxManager();

ajaxmgr.ID = "RadAjaxManager1";

this.Page.Items.Add(typeof(RadAjaxManager), ajaxmgr);

Page.Form.Controls.AddAt(0, ajaxmgr);

} */

}

protected override void CreateChildControls() {

Control control = Page.LoadControl(_ascxPath);

Controls.Add(control);

RadMultiPage radWorkspaceMultiPage = control.FindControl("radWorkspaceMultiPage") as RadMultiPage;

RadTabStrip radWorkspaceTab = control.FindControl("radWorkspaceTab") as RadTabStrip;

RadAjaxLoadingPanel loadingPanel = control.FindControl("radajaxloadingPanel") as RadAjaxLoadingPanel;

ajaxmgr.AjaxSettings.AddAjaxSetting(radWorkspaceTab, radWorkspaceMultiPage,loadingPanel);

ajaxmgr.AjaxSettings.AddAjaxSetting(radWorkspaceTab, radWorkspaceTab);

ajaxmgr.AjaxSettings.AddAjaxSetting(radWorkspaceMultiPage, radWorkspaceMultiPage, loadingPanel);

}

Please advise

Thanks
Ronak

TabStrip

answered on 24 Jul 2012

2 answers

157 views

Toolbar missing icons

Please see the snapshot - I just updated my Telerik version from 2012 Q1 SP to 2012 Q2 and I'm unable to see the icons anymore. It was working fine before the update - I have following stylesheets added too:

<telerik:RadCodeBlock ID="rcbPage" runat="server"> 
<link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadEditor), "Telerik.Web.UI.Skins.Editor.css") %>' rel="stylesheet" type="text/css" />  
<link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadEditor), "Telerik.Web.UI.Skins.Default.Editor.Default.css") %>' rel="stylesheet" type="text/css" />  
<link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>' rel="stylesheet" type="text/css" />  
<link href='<%= Telerik.Web.SkinRegistrar.GetWebResourceUrl(this, typeof(RadWindow), "Telerik.Web.UI.Skins.Default.Window.Default.css") %>' rel="stylesheet" type="text/css" />                
</telerik:RadCodeBlock>

<telerik:RadEditor runat="server" ID="RE" EditModes="Design" ToolbarMode="Default" NewLineMode="Br"  
ToolsFile="~/controls/BasicTools.xml" DialogsCssFile="~/skins/A/Dialog.A.css"> 
</telerik:RadEditor>

Editor

answered on 24 Jul 2012

3 answers

191 views

Tooltip not clearing, and now firing errors (invladid JSON primitive, already assigned to other control...)

I have a page with 2 Radschedulers, 2 Radgrids, and various labels and links, all contained within a RadAjaxPanel. I'm using the RadTooltipManager for items in each of the grids, and some links outside the grids and schedulers. Everything works fine except when the grid is sorted or refreshed (via a dropdownlist), the tooltips keep the old values. I've cleared the RadTooltipManager TargetControls all over the place, but it still doesn't work. I've tried using multiple RadTooltipManagers or just one. Stepping through the code, it looks fine, like the correct values get added, but when it fires, it's the old data.

I wasn't using a RadAjaxManager at all, so I added that in. It worked, but now I get various errors when firing the other tooltips outside the grid(s). Sometimes it's the "invalid JSON primitive" error, and other times in my testing different things, it's the "already associated with another control" error, depending on how many RadTooltipManagers I use.

Below is a skeleton of the setup...

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Position="BottomRight"

Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element"

MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate"

BackColor="Red">

</telerik:RadToolTipManager>

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager2" Position="BottomRight"

Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element"

MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate"

BackColor="Red">

</telerik:RadToolTipManager>

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager3" Position="BottomRight"

Animation="None" ShowEvent="OnMouseOver" ShowCallout="true" RelativeTo="Element"

MouseTrailing="False" Width="370px" HideEvent="LeaveToolTip" Skin="Outlook" OnAjaxUpdate="OnAjaxUpdate"

BackColor="Red">

</telerik:RadToolTipManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">

<table width="100%">

...

<asp:HyperLink ID="lblNameWithTooltip" runat="server" />

...

<asp:HyperLink ID="lblName2WithTooltip" runat="server" />

...

<asp:DropDownList ID="DropDownList1"...>

...

<telerik:RadGrid ID="RadGrid1"...>

<Columns>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:HyperLink ID="lnkWithTooltip" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:RadGrid>

...

<telerik:RadGrid ID="RadGrid2"...>

<Columns>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:HyperLink ID="lnkWithTooltip" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:RadGrid>

...

<telerik:RadScheduler ID="RadScheduler1"...>

...

<telerik:RadScheduler ID="RadScheduler2"...>

...

</table>

</telerik:RadAjaxPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager3" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="DropDownList1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="DropDownList1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager3" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Again, I'm clearing the TargetControls in the code behind and assigning the tooltips as well. All that seems to be working fine.

In summary, everything was fine without using the RadAjaxManager except the grid tooltips wouldn't reset on refresh or sort.
Once I added the RadAjaxManager, that worked, but now I get errors firing the other tooltips on the page, regardless of using the same RadTooltipManager or different one.

Hopefully that's enough info. Thanks for any info.

ToolTip

answered on 24 Jul 2012

5 answers

578 views

Disabling CDN

Hi,

I have tried disabling CDN in my web.config file as below:

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

This is in the appSettings section of the file. However, I am still seeing content being downloaded from http://aspnet-skins.telerikstatic.com etc. even after stopping and restarting the website.

There are no hard-coded settings in the application against ScripManager instances on any pages.

I am using Telerik 2011.3.1114.40

David Penny

ScriptManager and StyleSheetManager

answered on 24 Jul 2012

2 answers

154 views

RadGrid inline insert client side

Hello,

I'm using RadGrid inside a Radcombo using the following sample:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridincombobox/defaultcs.aspx?product=grid

Now, I want to provide Insert/Update in the gird. I have enabled inline edit/insert by setting EditMode="InPlace". However, this causes postback and dropdown gets closed.

I have seen client side Insert/Update/Delete demo here but it does not do inline insert/edit.

Is there a way to do it inline on client side using webservice and ajax calls?

Please help.

Regards,
Piyush

Scheduler

answered on 24 Jul 2012

11 answers

295 views

Enable DatePicker in javascript

If I enable/disable my datepicker in javascript like so:

function ToggleEnabled( isEnabled )
{
var myDateEdit = $find("<%=this.MyDatePicker.ClientID %>");
myDateEdit.set_enabled( isEnabled );
}

That works fine if only fired client side. However, if I disable it server-side, this code works but does not enable the calendar button when it enables the control. The DateInput is enabled but not the calendar button. I have tried something like:

myDateEdit.get_Calendar().set_enabled( isEnabled );
Which does nothing. I have also tried:

myDateEdit.get_PopupButton().set_enabled ( isEnabled );
Which throws an error.

How can I ensure that enable/disable works against the entire control?

Calendar

answered on 24 Jul 2012

2 answers

131 views

RadNotification.Width = "95%" - how do I do this?

I need to set a RadNotification.Width to a percent - e.g. 95% from the code.behind. It appears to only allow an integer here - yet on the client-side I can set the width quite easily to 95%. Unfortunately in my scenario I need to set this in the server-side code...

Any ideas?

Notification

answered on 24 Jul 2012