Questions on UI for ASP.NET AJAX Forum

3 answers

558 views

[Solved] Prevent RadComboBox closing after checkbox item has been clicked (codebehind)

I have created a custrom combobox with checkboxes in codebehind, as detailed in my blog post here:

http://andrewwhitten.wordpress.com/2010/05/15/multiple-select-telerik-radcombobox-in-code-behind/

This works well, but I can't seem to apply the correct Javascript in order to prevent the RadComboBox closing directly after a checkbox has been clicked.

Can anyone tell me how to use Javascript to achieve this? (something like the Telerik StopPropagation() example)

Many thanks in advance!

Andrew Whitten

ComboBox

answered on 18 Feb 2011

1 answer

147 views

[Solved] Resources grouping in RadScheduler

Dear All,

We are looking a possibility to integrate an "advanced resource" display on the RadScheduler.
What we need is kind of a tree-view grouping... Some sort of multi-grouping.

Is it in your plan or is there any good starting point or at least a best way to go for it?

See example attached

Scheduler

answered on 18 Feb 2011

8 answers

127 views

tooltip disappearing

Posted on Jan 11, 2011 (permalink)

I have a page that contains a grid. When the user selects edit on a gridrow a user control is instantiated. I have used radtooltipmanager for items on the gridrow and that is working fine. I would like to tooltipify one of the controls ( a checkbox) in the formview that is used for editing. The tooltip works fine on the gridrow. Then I try to use the same tooltip on one of the controls on the edit formview and the tooltip looks like it is goiing to work. - you see the outline of the tooltip and then it disappears. I even set the property of the tooltip to manual close but it disappears anyway. the Tooltipmanager invokes the same control on the gridrow as on the control on the formview. I stepped through the code and it does go thru the prerender and pageload of the usercontrol for the tooltip but then it disappears.

Any ideas why that would be happening.
Here is the aspx for the edit user control

<

telerik:RadToolTipManager ID="PLToolTipManager" runat="server" Position="BottomCenter" HideEvent="ManualClose"

OnAjaxUpdate="OnAjaxUpdateToolTip" Skin="Web20" Width="380px" Height="250px" Style="font-size: 18px; text-align: center; font-family: Arial;">
</telerik:RadToolTipManager>

<telerik:RadAjaxManagerProxy ID="RadAjaxManager3" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="fvEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="chkPL" />
<telerik:AjaxUpdatedControl ControlID="PLToolTipManager" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>

I used a proxy because I already have an Ajax manager on the page with the grid. Here is the aspx for the grid

Here is the code behind that adds the control to the tooltiplist

protected void chkPLOnDataBinding(object sender, EventArgs e)

{

CheckBox chkPL = (CheckBox)sender;
string myClientID = chkPL.ClientID;
RadToolTipManager RadToolTipManager1 = (RadToolTipManager)this.FindControl("PLToolTipManager");
int itemid = (int)fvEdit.DataKey.Value;
PLToolTipManager.TargetControls.Add(myClientID, itemid.ToString(), true);

}

Here is the aspx code of the page with the grid. - this works fine

<

telerik:RadAjaxManager ID="RadAjaxManager1"

runat="server">

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadToolTipManager ID="RadToolTipManager1" OffsetY="-1" HideEvent="LeaveToolTip"

Width="200" Height="200" runat="server" EnableShadow="true" OnAjaxUpdate="OnAjaxUpdate" RelativeTo="Element"

Position="MiddleRight">

</telerik:RadToolTipManager>

I would really appreciate help with this. I have spent many hours on this already
Thanks
Judith

Ajax

answered on 18 Feb 2011

1 answer

82 views

Cursor jumping to start of editor when context menu activated

Hi,

We’re currently experiencing an issue with RadEditor where the cursor jumps to the start of the edit box when you right click over a word to bring the context menu.

We’re attempting to embed the editor within an iFrame (via a dedicated editor.aspx page) in an application that’s created using a 3rd party framework (A bit like WSS but not quite). When testing externally to the application it all functions as expected in all browsers, however when testing within the application it fails in IE8 (both normal mode and compatibility mode). In the Chrome and Firefox versions that I have it works as expected.

I've noticed a few posts where they mention removing the doctype from the containing document (in our case a .net .master page), however this hasn't changed the behavior.

I'm aware that this is difficult to reproduce locally as it is only occurring within a 3rd party product but are you aware of this type of issue or if there any possible solutions I can try? If there is any code hat I can paste I'd be happy to send it in or I can host a web ex to demo this issue too.

Best regards,

Paul.

Editor

answered on 18 Feb 2011

1 answer

49 views

Less Space Between Tag Cloud Items

Is there anyway I can make the space between each tag cloud item smaller? When I try to do it in CSS by modifying the 'RadTagCloud .rtcTagList .rtcTagItem' css element, it doesnt seem to be working.

TagCloud

answered on 18 Feb 2011

4 answers

256 views

RadTabStrip skin question

I'm using a RadTabStrip with HorizontalTop orientation. I want there to be a horizontal line separating the RadTabStrip from the RadMultiPage below it for the FULL WIDTH of the RadTabStrip (except for the Selected Tab). This happened when I used the Office 2007 skin. But when I base my skin on the Outlook skin (for other reasons) the separating line is only there for unselected tabs, not for the part of the RadTabStrip that extends to the right of the tabs I have defined. Which part of the skin is it that makes the line extend to the right as far as the width of the RadTabStrip?

Ben

TabStrip

answered on 18 Feb 2011

2 answers

68 views

Missing Something Easy??

Hello,

I have to be missing something very easy here. I have a radRotator that works when I reference the Telerik rss feed but fails when I reference a local XML file. I know it reads because putting a breakpoint catches it during the read and further view source show the output HTML with the values from the XML file for the list items so....What simple thing am I missing?

HTML Code:

<table id="tbl_Basics" cellpadding="0" cellspacing="0" border="0" width="220">

<tr>

<td>

<a

href='<%# XPath("EventLink").ToString()%>' style="cursor: pointer; text-decoration: none; color: Black; background-image: url('images/Mondaytest.png');"></

a>

<telerik:RadRotator ID="rotatr_ChurchEvents" RotatorType="AutomaticAdvance" ScrollDirection="Up" ScrollDuration="4000" runat="server" Width="220" DataSourceID="XMLChurchEvents" ItemWidth="220" Height="330" ItemHeight="64" FrameDuration="1" InitialItemIndex="-1" CssClass="rotator">

<ItemTemplate>

<div class="itemTemplate" onclick="document.location='<%# XPath("EventLink").ToString()%>'" style="background-image: url('images/Mondaytest.png');">

<div class="dateTime">

<div class="time">

<%# (this.GetTimeOnly(XPath("EventTime").ToString())) %>

</div>

<div class="date">

<%# XPath("EventDate").ToString() %>

</div>

<div class="title">

<span>

<%# System.Web.HttpUtility.HtmlEncode(XPath("EventText").ToString())%>

</span>

</div>

</ItemTemplate>

</telerik:RadRotator>

<asp:XmlDataSource ID="XMLChurchEvents" runat="server" XPath="ChurchEvents/Events/EventDetails" DataFile="XML/ChurchEvents.xml" />

</td>

</tr>

</table>

No code behind worth lokking at. Here is the XML doc structure:

<?xml version="1.0" encoding="utf-8" ?>

<ChurchEvents>

<Events>

<EventDetails>

<EventText>Worship Service</EventText>

<EventTime>11:00</EventTime>

<EventDate>Sunday</EventDate>

<EventLink></EventLink>

</EventDetails>

<EventDetails>

<EventText>Financial Peace</EventText>

<EventTime>02:00</EventTime>

<EventDate>Sat. Feb. 27</EventDate>

<EventLink></EventLink>

</EventDetails>

</Events>

</ChurchEvents>

Thank You for your assistance
JB

Rotator

answered on 18 Feb 2011

1 answer

105 views

treeview update before button click

Hi,

I can't seems to solve a problem that the usercontrol where I have my TreeView updates before "btnSavePage" button event fires.
I need a way to update the TreeView after the button event has been fired.
Could someone point me in the right direction?

My Code:
UserControl:

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="tvPages" EventName="onnodedrop">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnSavePage" EventName="onclick" >

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<asp:Panel ID="pnlPageTree" runat="server">

<telerik:RadTreeView ID="tvPages" runat="server" EnableDragAndDrop="true" PersistLoadOnDemandNodes="false" EnableDragAndDropBetweenNodes="true"

onnodedatabound="tvPages_NodeDataBound" onnodedrop="tvPages_NodeDrop"

ondatabinding="tvPages_DataBinding" >

</telerik:RadTreeView>

</asp:Panel>

WebForm:

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnSavePage" EventName="onclick" >

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<asp:Button ID="btnSavePage" runat="server" Text="Lagre" onclick="btnSavePage_Click" />

TreeView

answered on 18 Feb 2011

3 answers

177 views

Static Headers but no Static Footer

Hi all,

I'm trying to reach this goal:
I have a grid with static headers, but this way RadGrid make the Footer Totals static too...
There's a way of change this behavior or should I make it programmatically, if yes, how?

Thanks
Cleber
Developer - Brasil

Grid

answered on 18 Feb 2011

1 answer

76 views

Grid styling issues

Hi,

i have some trouble with RadGrid styling. I picked up a skin (Windows7 to be exact) and I tried to customize the look'n'feel of it - basically i wanted to disable the AlternateItemStyling so the whole grid would have a white background and i'd like to keep the 'selected' item styling. I set EnableAlternatingItems to false and to my astonishment my whole grid got a gray-blue like (#d7e8fe) background. Ok. So i started to browse the forums and the documentation, found something but it didn't work out for me.

Cutting the story short - when i set the ItemStyle, AlternatingItemStyle (to Transparent) and SelectedItemStyle(to #d7e8fe) BackColor properties almost everything looks like i want to.. but. Despite i set GridLines to None they still get rendered but that's a minor issue. The major is, when i select an item and then deselect it, RadGrid changes the background color of it back to the gray-blue like ignoring all of my settings. I tried everything, overriding the css styles with the !important switch, setting the colors declaratively, none of it worked as expected.

Sample project can be downloaded from http://www.zumodrive.com/share/ayhoNjVmNT

RadControls version used: 2010.3.1317.35. I'd love to hear some advice from you guys.

Regards,

Rafal

Grid