Questions on UI for ASP.NET AJAX Forum

1 answer

78 views

scrollIntoView throws Javascript error if PerTabScrolling="false"

We've been using the ASP.NET Ajax RadTabStrip (and other controls) since it came out to great success. We use RadTabStrip on our main "Dashboard" page, where users can organize their screens of data by assigning them to different tabs. Users can create as many tabs as they want.

Some users have more tabs than will fit on screen, so to conserve precious space we've set ScrollChildren="true", and use scrollIntoView() whenever necessary so that users can always see the selected tab. However, the scrollIntoView function now throws a Javascript error ('getTab(...)' is null or not an object) since we upgraded to ASP.NET 3.5 and RadControls for AJAX build 2009.2.826. Previously we were using 2009.1.527 and scrollIntoView worked fine for us.

Further testing (on a very basic page with static tabs) revealed that the error only occurs when PerTabScrolling is false (the default). While setting PerTabScrolling to True would seem like a simple answer, it doesn't work for us because scrolling through 10-20 tabs at one tab per click is not practical, plus the tabs jump rather than move, making it confusing to the user as to what just happened.

I also tried manually manipulating ScrollPosition, but alas, this only works when PerTabScrolling is true. At least that behavior is in the documentation.

Is there a workaround until this is fixed in an upcoming build? It's a real deal-breaker for us.

Regards,

John Greenstreet, Consultant

Automotive Resources Inc.

TabStrip

answered on 22 Oct 2009

1 answer

126 views

FormView inside RadPanelBar

I have a control hierarchy that looks like the following:

RadWindow
    -> asp.net page (using a masterpage)
        -> web user control (inside a ContentPlaceHolder)
            -> RadPanelBar
                -> RadPanelItem
                    -> ItemTemplate
                        -> RadToolBar (Controls the formview insert/edit modes)
                        -> FormView (same level as the RadToolBar)
                            -> EditItemTemplate
                                -> TextBox

The problem is with the TextBox. When the FormView is bound to data, the Textbox behaves as if it were readonly. In fact, any input control that allows typing behaves as if it were readonly. For example, a RadDatePicker control will not accept typed input, but it will allow you to select a value using the Calendar control attached to it.

As a test, I placed a textbox in a separate RadPanelItem and as soon as the formview binds to a datasource, the textbox becomes "readonly".

It's almost as if the focus of the textbox is lost as soon as you select it. If you click rapidly on the textbox while mashing the keyboard, sometimes letters make it through to the textbox.

Let me know if you require additional information.

PanelBar

answered on 22 Oct 2009

2 answers

147 views

Copying nodes from one tree to another

Hi there,

I am writing a component that involves dragging nodes from the one tree to another, as in the drag-and-drop example given in the demos at http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/draganddropnodes/defaultcs.aspx. I make all the changes on the client and then commit them to the server when the user presses a button, using the client-side tree.trackChanges() and tree.commitChanges() functions. In my component, only changes to the right-hand tree are kept. Initially, the two trees are the same, and the right-hand one is my "true" version.

After each postback, I need to synchronise the two trees again. The trouble is that I can't find the right place in the page life-cycle to do so. I have tried putting code in the Page_Load() or Page_PreRender() methods, but the trees haven't been updated (with the client-side changes) by that point, so this doesn't work. Can you advise me?

All answers gratefully received,

Ed

TreeView

answered on 22 Oct 2009

6 answers

175 views

When javascript disabled then what?

Hi
Just started mocking up some Telerik combo boxes works a treat.
Disabled Javascript on the browser and the telerik controls are dead in the water.
I was sure that they were able to 'fall back' to a dumber version.
At the moment I am adding
"<noscript><asp:DropDownList /></noscript>"
controls on the page which is unwanted duplication but until a solution is found for the Telerik control settings that all I can so.

I have searched the site for key workds like "javascript disabled", "<noscript>" but get nothing.
What do I do ?

ComboBox

answered on 22 Oct 2009

2 answers

200 views

RadTextBox Height Changing by ImageButton Click

The functionality I am trying to obtain here is that when my ImageButton is clicked, I'd like my RadTextBox's height to be resized by a few more lines. I've attempted this using this Count function in javascript, however, when it gets called - the height is not changed, the RadTextBox is only moved 2000px to the bottom of the panel. I am wondering if there is an easier way to accomplish this?

    
            <style type="text/css">     
        
            #expandButton 
        
                { 
        
                    position: absolute; 
        
                    top: 20px; 
        
                    right: 5px; 
        
                } 
        
            </style> 
        
            <script type="text/javascript">  
        
                function clearText(field) {  
        
                    if (field.defaultValue == field.value) field.value = '';  
        
                    else if (field.value == '') fieldfieldfield.value = field.defaultValue;  
        
                }  
        
                function Count() {  
        
                    var text = document.getElementById('<%=txtUserNote.ClientID%>');  
        
                    text.style.height = "2000px";  
        
                }  
        
            </script>  
        
            <body bgcolor="#F4F4F4" runat="server" id="MainBody">  
        
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">  
        
                        <asp:Literal ID="notesHeader" runat="server">  
        
                        </asp:Literal>  
        
                        <telerik:RadTextBox ID="txtUserNote" runat="server" TextMode="MultiLine" Width="99%"  
        
                            Height="15px" Visible="False" Value="Click to Enter New Note" Font-Size="10px" OnFocus=  
        
                            "clearText(this)">  
        
                        </telerik:RadTextBox>  
        
                        <div id="expandButton">  
        
                        <asp:ImageButton runat="server" ID="expandTbButton" ImageUrl="images/expand.gif" OnClientClick="Count(); return false;"/>  
        
                        </div>  
        
                </telerik:RadAjaxPanel>  
        
            </body>

Input

answered on 22 Oct 2009

3 answers

226 views

Get values in OnCommand event

Hi Telerik Team

Excuse me for a stupid question, but I haven't found any solution.

I have a standard Radgrid with a standard GridEditCommandColumn and insert row option.

When I catch PerformInsert or Edit command on client side, I would like to get edited values on client side, because of my custom validation in JavaScript.

Can you help me, how do do it?

Thank you very much.

Michal

Grid

answered on 22 Oct 2009

1 answer

219 views

[Solved] Scheduler Height + Scrollbar

I have a scheduler control that is filling the whole visible window (100% width and 100% height).

The problem I'm having is in "24 hour view", if you attempt to delete an appointment, its very possible that the confirmation dialog will not be visible, and you have to "scroll" the BROWSER to act on that dialog.

I would like to use the internal SCHEDULER scrollbar, but cannot seem to make it work. When I set the OverflowBehavior property to "Scroll" the scrollbar appears, but is disabled when the visible window has a % in the height property. Using a "fixed" height solves that problem, but then I cant "fill" the window with the scheduler control.

Either that, or how can I make the confirmation dialog Centered on the visible browser window, instead of the centered inside of the scheduler.

Video Example of this

Any suggestions?

Thanks,

Sean

Scheduler

answered on 22 Oct 2009

6 answers

125 views

Wrapped items - how to properly display

Hi,

I have a panel bar ("Default" skin) with items of various length. Some of them are short but some art long. These long items wrap as expected. But:
- when I hoover over a wrapped item, only the first line is marked with grey background color
- when I click such an item, the first line gets and remains marked but the next lines just disappear
I would like, of course, such items to behave exactly as not-wrapped ones.

How can I do it?

Thanks in advance.
Regards
Tomasz

PanelBar

answered on 22 Oct 2009

3 answers

384 views

Hierarchical Grid - how to hide non child parent expand toggle?

Hi,

I have setup a Hierarchical Grid. Following the example from - http://demos.telerik.com/aspnet-ajax/grid/examples/programming/detailtabledatabind/defaultcs.aspx

Not all my parent rows has childrens. When the parent do not have a child, it automatically displays and adds a "no child" row. Is there a way to disable/hide this row?

I have attached a screenshot of what I mean.

Thanks,
Phi

Grid

answered on 22 Oct 2009

1 answer

77 views

how can i create an instance of item of my RadComboBox which is in GridTemplateColumn?

I was creating an instance of item of my GridDropDownColumn and was using it as such:

    
            GridEditableItem editedItem = e.Item as GridEditableItem; 
        
            Hashtable newValues = new Hashtable(); 
        
            //The GridTableView will fill the values from all editable columns in the hash 
        
            e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);

Now, how can i create an instance of item of my RadComboBox which is in GridTemplateColumn?

By the way e above is GridCommandEventArgs e

Thanks...

Grid

answered on 22 Oct 2009