Questions on UI for ASP.NET AJAX Forum

7 answers

208 views

RadTreeView - Nodes are Flashing on Move Hover after Scroll Down

Hello,

I am working on a project with a RadTreeView.

The height is fixed.
The RadTreeView is set as follows:

<style type="text/css">

.crop {

width: 150px;

overflow-x: hidden;

}

.No-crop {

overflow-x: visible !important;

position: absolute !important;

}

</style>

<script type="text/javascript">

function TreeClientMouseOver(sender, e) {

e.get_node().set_cssClass("No-crop");

}

function TreeClientMouseOut(sender, e) {

e.get_node().set_cssClass("crop");

}

</script>

<telerik:RadTreeView ID="RadTreeView1" Runat="server" Height="400px" Skin="Outlook" OnClientMouseOver="TreeClientMouseOver" OnClientMouseOut="TreeClientMouseOut" >

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode5">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode7">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode8">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode9">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode10">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

When the mouse hovers over a node, I set a JS function to overflow: visible. Then, when the mouse exits the node the overflow is hidden.

The problem is after the user scrolls down the RadTreeView. Then, when mouse hovers over a
node, it starts to flash and the overflowed node is misplaced.

[See video that shows the Node Flashing problem]

How can I solve this?

Thanks,
Daniel.

TreeView

answered on 23 Oct 2014

1 answer

85 views

startcap and endcap properties of raddaigram not working.

Hi,
I am trying to implement demo from following link
http://demos.telerik.com/aspnet-ajax-beta/Diagram/Examples/overview/defaultcs.aspx#qsf-demo-source

script file having lots of errors as below
1) TypeError: kendo.dataviz.diagram.ArrowMarker is not a constructor
2)drawingElement is undefined.

So iam not able to render UI and even if UI is rendered iam not able to align path connection text and shape text.
I am also trying to implement startcap and endcap properties but it has no effects in UI.

Iam using Telerik_UI_for_ASP.NET_AJAX_Setup_2014_2_724 trial setup.

Any help will be appreciated.

Kind regards
Ram Mahajan

Diagram

answered on 23 Oct 2014

3 answers

102 views

Other Controls losing Values after upload

Have other radtextboxes on user control where I use RadCloudupload to upload images. I am using RadCloudUpload1_FileUploaded server side event to manipulate the images. All works well accept the other radtextboxes lose there values after image upload.
A simple example:

<script type="text/javascript">

function imagesUploaded(sender, args) {

$find("<%= RadAjaxPanel1.ClientID%>").ajaxRequest()

}

</script>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%">

<telerik:RadTextBox ID="RadTextBoxReference" runat="server" Skin="MetroTouch" Width="100%" MaxLength="50">

</telerik:RadTextBox>

<telerik:RadCloudUpload ID="RadCloudUpload1" runat="server" MultipleFileSelection="Automatic" MaxFileSize="4194304" AllowedFileExtensions="jpeg,jpg,gif,png,bmp" ProviderType="Azure" Skin="MetroTouch" OnClientFilesUploaded="imagesUploaded" OnClientValidationFailed="validationFailed">

</telerik:RadCloudUpload>

</telerik:RadAjaxPanel>

Note I Switched from using Radasyncupload control to RadCloudupload. I did not experience the same issue with radasyncupload.

Any help would be greatly appreciated.

CloudUpload

answered on 23 Oct 2014

1 answer

81 views

Problem with RadDatePicker and RadToolTipmanager

I have a tooltip manager same your demo : http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx?product=tooltip

On the same page i put 2 RadDatePicker. Each times page load, DatePicker not work until i run tooltip on Radgrid.

Please show me how to solve it.Thanks

ToolTip

answered on 23 Oct 2014

3 answers

501 views

[Solved] Display LineString (route) from database on the map

Hi.
I need to show route between point that stored in the sql server database and find these threads
http://www.telerik.com/help/aspnet-ajax/map-client-side-data-binding.html
http://demos.telerik.com/aspnet-ajax/map/examples/functionality/cross-layer-integration/defaultcs.aspx
My problem is that in these examples rout point are in json file.
Please help me to bind shapelayer to database.
Thank you.

Map

answered on 22 Oct 2014

2 answers

226 views

Reverse Loop through Nodes

I need to reverse loop through the parent nodes of a node to get the text of each node. So if my node structure is parent->child1->child2 I need to go loop child2->child1->parent. Any suggestions?

TreeView

answered on 22 Oct 2014

2 answers

145 views

Exporting Data in EditForm Template only

I'm trying to export just the data entered in my edit form template and not the radgrid itself when a user has entered in all their information.

Can someone help me out with this? I've looked all over telerik forums and online and haven't found an example to figure this out.

Basically when a user clicks edit on a property, the user would add pictures and edit the sale template. Once they have completed this task and it's approved we want to be able to export this data into a pdf or excel to provide this to potential buyers.

Grid

answered on 22 Oct 2014

2 answers

182 views

[Solved] Styles in RadWindow

Attached is an image that helps add a visual component of what is happening to a form that we have loading in a RadWindow.

The pop-up window does seem to load the style-sheets but doesn't apply all the styles. ie. RadButtons on primary form pick up the colors but in the RadWindow they do not. We use a RadDropDownList on both pages and the primary screen picks up the style but the pop-up window does not.

Any suggestions of why?

If you were to look at the source of parent window and look at the style for the button it gathers the information from "Telerik.web.ui.webresource.axd" but in the pop-up it reads "Webresource.axd".

General Discussions

answered on 22 Oct 2014

0 answers

120 views

RadScheduler binding by CodeBehind

Hi everyone,

I wanted to ask about binding data in CodeBehind by SQL - Is that possible? I tried many options and any of them don't work. If could somebody link a demo, which works on newest Visual Studio and Microsoft SQL Server Managment Studio or write some code - I will be glad.

Binding data from ASP.NET doesn't work. I'm using Iron Speed Designer. It generates some extra code, I've got error with InfiniteFrame (what's that? dunno).

I've read some articles about it and still nothing.

Thanks everyone

Scheduler

asked on 22 Oct 2014

3 answers

147 views

[Solved] programmatically created radToolBarDropDowns

Is there any documentation/demos on programmatically creating radToolBarDorpDowns? I am creating a vb.net web application that has a radgrid and I will like to include a radtoolbar with the dropdown items generated from database values. I am working in Visual Studio 2013.

Thanks

ToolBar

answered on 22 Oct 2014