Questions on UI for ASP.NET AJAX Forum

3 answers

227 views

Error occurs when the tab position has been changed in Client side

Hello,

My Tabstrip behaves very strange when i change the tab´s position in client side and start a postback.

I thought first that my code causes this behavior, then I created a new page, which contains a Tabstrip and Two buttons. The first button changes the position of the tabs and the other button causes just a postback.

I created in the TabStrip 4 Tabs:

Tabs Position
==== =======

Tab1        0
Tab2      1
Tab3       2
Tab4        3

When I select the tab4 and click on the Button “Change Position” the Tab4 has to change his position from 3 to 1 and has to be selected. Well all that works just fine. But when I start a Postback through the Button “Postback”, then the selected index increases automatically and the next tab (tab3) will be selected.

Can you please tell me what causes this behavior?

Markup code:
===========

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadTabStrip.aspx.cs" Inherits="GadgetShop.RadTabStrip" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

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

</asp:ScriptManager>

<telerik:RadScriptBlock ID="ScriptBlick1" runat="server">

<script type="text/javascript">

function changePos() {

var RadTabStrip1 = $find('<%= RadTabStrip1.ClientID %>');

RadTabStrip1.trackChanges();

var tabs = RadTabStrip1.get_tabs();

var tab = tabs.getItem(3);

tabs.remove(tab);

tabs.insert(1, tab);

tab.set_selected(true);

RadTabStrip1.commitChanges();

}

</script>

</telerik:RadScriptBlock>

<div>

</div>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab3">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab4">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Postback" />

<p>

<input id="Button2" type="button" value="Change Position" onclick="javascript:changePos();" /></p>

</form>

</body>

</html>

Server-side code:
==============

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace GadgetShop

{

public partial class RadTabStrip : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

}

Any help will be appreciated

Ingo

TabStrip

answered on 04 Feb 2011

0 answers

154 views

Prevent Drag and Drop within a Parent Node

hi telerik team,
i am using radtreeview which is very useful for me in my current project, but, i need a help to accomplish it successfully ....
i have populated the tree view from a dataset. there will be more number of parent nodes and within each parent node, more than one child nodes will be there. Now i have to restrict the user to drag and drop the child nodes within the parent node itself. (Meaning : User should not interchange a child node from one parent node to another parent node. they should interchange or arrange a child node within its parent node itself). i dont have any idea about doing this in the tree view, so pls help me as soon as possible.

thanx in advanz,
venkat

TreeView

asked on 04 Feb 2011

1 answer

183 views

Automatically close / collapse menu if not hovered over after a certain time

Hello,

I'm using the RadMenu as the main navigation menu in my website. If a user clicks / opens a menu item and then moves their mouse off the menu, I would like the menu to automatically close after a certain configurable time span (ie, 2 seconds). Is this functionality built in to the control?

Thanks,
Chris

Menu

answered on 04 Feb 2011

1 answer

133 views

regExpTextBoxSetting - disapear value after post back

hello.
i'm using with regExpTextBoxSetting and i want that in server-side button clicking it will pass to server also if the validation is error.
but when it return back to client, the style of the invalid control stay as invalid (red frame and error icon) and the value disapears !!
There is any way to see the value on the invalid contol also after postback?
thanks

Input

answered on 04 Feb 2011

3 answers

102 views

List to grid

Hi

I'm new to both sitefinity and radgrid.

How can I assign the list returned by this fluent api code;

App.WorkWith().Documents().Where(d => d.Status ==

Telerik.Sitefinity.GenericContent.Model.ContentLifecycleStatus.Live).Get().ToList();

to a grid such that first column of the grid displays retuned documents’ titles and second column is a column of buttons such that when a button is pressed it will open the relevant document in a radwindow for viewing?

Many thanks for the help.

Regards

General Discussions

answered on 04 Feb 2011

3 answers

164 views

Rad Grid, filter text disappears after filering

Hi,
Rad Grid, filter text disappears after filering. I am using google like filtering.

Regards

Grid

answered on 04 Feb 2011

1 answer

89 views

Slider styling

I am having some trouble getting the styling to work on my RadSlider. Below is the code that I am using, which shows up great at design time, but at runtime, the slider looks very basic and plain. What can be wrong?

        <telerik:RadSlider ID="rsActivityLevel" runat="server" ItemType="item"
                           Height="50px" AnimationDuration="400" CssClass="ItemsSlider"
                           ShowIncreaseHandle="false" ShowDecreaseHandle="false"
                           ThumbsInteractionMode="Free" >
                           <Items>
                               <telerik:RadSliderItem Text="1-3 Months" Value="1" Font-Bold="true" BackColor="Red" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text="3-6 Months" Value="2" Font-Bold="true" BackColor="Purple" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text="6-12 Months" Value="3" Font-Bold="true" BackColor="Aqua" Font-Overline="true" ForeColor="White"/>
                               <telerik:RadSliderItem Text=">12 Months" Value="4" Font-Bold="true" BackColor="Blue" Font-Overline="true" ForeColor="White"/>
                           </Items>
                        </telerik:RadSlider>

Slider

answered on 04 Feb 2011

7 answers

144 views

CSS not working in Rad Editor in IE 8 When Update

CSS not working in Rad Editor in IE 8 When Update button click. all the menu item goes here and there.
but it work fine in mozilla firefox. it is a old version RadEditor.

The Detail of Telerik RadEditor is given below :

Name :- RadEditor.Net2

Version :- 7.2.1.0

Editor

answered on 04 Feb 2011

6 answers

415 views

[Solved] Howto change the forecolor of a node client-side

Hi,

I'm trying to change the ForeColor of a node client side. I have managed to do this by altering the innerHTML but this has ugly side effects. Do anyone have a better way?

What I really want to do is to change a node from dimgray to the original color determined by the skin.

Best Regards
Daniel

TreeView

answered on 04 Feb 2011

2 answers

210 views

[Solved] Submenu different css style

Hello,
I want a menu with diffent style for root menu and submenus. I'm using CssClass property of RadMenu for the root menu style, and I'm using CssClas property of RadMenuItem for the submenus style. But when I run the application the styles appear interchanged, the root menu with the submenu style, and the submenu with the root menu style.
Can anybody help me?

thanks in advance.

Menu

answered on 04 Feb 2011