Questions on UI for ASP.NET AJAX Forum

1 answer

192 views

[Solved] Tab strip resize problem in Splitter

Hi there,

I'm having a problem when resizing the splitter, my tabstrip/pageview's don't resize to 100%. I tried to use the OnClientResized event of the splitter to resize the tabstrip

    
            function OnClientResized(sender, args) {  
        
                    var tabStrip = $find(baseID + "_radTabStripFunctions");  
        
                //tabStrip.get_element().style.height = $find(baseID + "_radPaneFunctions").get_element().clientHeight;  
        
                var multipage = $find(baseID + "_radMultiPageFunctions");  
        
                multipage.get_element().style.height = $find(baseID + "_radPaneFunctions").get_element().clientHeight-tabStrip.get_element().offsetHeight + "px";  
        
                multipage.get_element().style.height = "100%";  
        
                var FuncPageView = multipage.get_pageViews().getPageView(0);  
        
                var UDFPageView = multipage.get_pageViews().getPageView(1);  
        
                FuncPageView.get_element().style.height = $find(baseID + "_radPaneFunctions").get_element().clientHeight;  
        
                UDFPageView.get_element().style.height = $find(baseID + "_radPaneFunctions").get_element().clientHeight;  
        
                //tabStrip.repaint();  
        
            }

If I try to set the height of tabstrip, it resizes but my pageviews are not displayed anymore, i just see white space below the tabs. if i try to resize the pageviews and the multipage, the height doesn't change. Here is a snippet of my aspx page. I want the content of radPaneFunctions to occupy 100% space when the Layout Pane is collapsed.

    
            <telerik:RadSplitter id="radSplitterLayoutFunctions"  runat="server" orientation="Horizontal" Skin="Vista">  
        
            <telerik:RadPane id="LayoutPane" OnClientResized="OnClientResized" runat="server" Scrolling="None" Width="300px" Height="273px">  
        
                    <telerik:RadCodeBlock runat="server" ID="rcbLayout">  
        
                            <telerik:RadSplitter ID="radSplitterLayout" Skin="Vista" runat="server" Orientation="Horizontal">  
        
                            <telerik:RadPane ID="searchpane" runat="server" Scrolling="None" Height="25px">  
        
                             <input type="text" id="<%=BaseID%>_txtSortSearchLayout" style="font-style:italic; width:275px" value="Search..." onfocus="if(this.value=='Search...'){value=''; style.fontStyle='normal'}" onkeyup="OnClientKeyPressingHandler('<%=rtvLayoutTree.ClientID %>',document.getElementById('<%=BaseID%>_txtSortSearchLayout'),'<%=hfSearchText.ClientID%>');" /> 
        
                             </telerik:RadPane> 
        
                             <telerik:RadPane runat="server" ID="layouttreepane" Scrolling="Both">  
        
                            <telerik:RadTreeView  runat="Server" OnClientNodeDropping="onTreeViewNodeDropping" OnClientNodeDropped="onTreeViewNodeDropped" OnClientNodeExpanding="onClientNodeExpanding" OnClientNodeCollapsing="onClientNodeCollapsing" ID="rtvLayoutTree" EnableDragAndDrop="true" DragAndDropBetweenNodes="false" AllowDrag="true" AllowDrop="false" 
        
                                    MultipleSelect="true" OnClientNodeClicked="OnLayoutNodeClicked" EnableEmbeddedSkins="false" Skin="IUSASkin">  
        
                            </telerik:RadTreeView> 
        
                            </telerik:RadPane> 
        
                            </telerik:RadSplitter> 
        
                           </telerik:RadCodeBlock> 
        
                        </telerik:RadPane> 
        
                         <telerik:RadSplitBar id="RadSplitbar1" runat="server" CollapseMode="Both"></telerik:RadSplitBar> 
        
                        <telerik:RadPane id="radPaneFunctions" OnClientResized="OnClientResized" runat="server" Scrolling="None" Width="300px" Height="273px" > 
        
                            <telerik:RadTabStrip SelectedIndex="0" MultiPageID="radMultiPageFunctions" runat="server" Skin="Office2007" ID="radTabStripFunctions">  
        
                                <Tabs> 
        
                                    <telerik:RadTab Width="120px" Font-Bold="true" runat="server" PageViewID="pageViewFunctions" Text="Functions" Selected="true"></telerik:RadTab> 
        
                                    <telerik:RadTab Width="180px" Font-Bold="true" runat="server" PageViewID="pageViewUDF" Text="User-Defined Functions"></telerik:RadTab> 
        
                                </Tabs> 
        
                            </telerik:RadTabStrip> 
        
                            <telerik:RadMultiPage runat="server" ID="radMultiPageFunctions" Height="100%">  
        
                                <telerik:RadPageView ID="pageViewFunctions" runat="server" Selected="true" Height="100%">  
        
                                <telerik:RadSplitter ID="radSplitterFunctions"  Skin="Vista" runat="server" Orientation="Horizontal">  
        
                            <telerik:RadPane ID="searchfunctionspane" runat="server" Scrolling="None" Height="25px">  
        
                            <input type="text" id="<%=BaseID%>_txtSortSearchFunction" style="font-style:italic; width:275px" value="Search..." onfocus="if(this.value=='Search...'){value=''; style.fontStyle='normal'}" onkeyup="FunctionSearch('<%=rtvFunctionTree.ClientID %>',document.getElementById('<%=BaseID%>_txtSortSearchFunction'));" /> 
        
                            </telerik:RadPane> 
        
                             <telerik:RadPane runat="server" ID="functiontreepane" Scrolling="Both">  
        
                            <telerik:RadTreeView runat="Server" OnClientNodeDropping="onTreeViewNodeDropping" OnClientNodeDropped="onTreeViewNodeDropped" ID="rtvFunctionTree" OnClientNodeExpanding="onClientNodeExpanding" OnClientNodeCollapsing="onClientNodeCollapsing" EnableDragAndDrop="true" DragAndDropBetweenNodes="false" AllowDrag="true" AllowDrop="false" 
        
                                    MultipleSelect="true" EnableEmbeddedSkins="false" Skin="IUSASkin">  
        
                            </telerik:RadTreeView> 
        
                            </telerik:RadPane> 
        
                            </telerik:RadSplitter> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView runat="server" ID="pageViewUDF" Height="100%">  
        
                                 <telerik:RadSplitter ID="radSplitterUDFs" Skin="Vista" runat="server" Orientation="Horizontal">  
        
                            <telerik:RadPane ID="udfoperationspane" runat="server" Scrolling="None" Height="25px">  
        
                            <table><tr><td> 
        
                            <asp:ImageButton runat="server" ID="imgBtnUDFDelete" OnClientClick="this.disabled=true;__doPostBack(this.name,'');" OnClick="imgBtnUDFDelete_Click" ImageUrl="../Assignment/imgs/01.png" style="border:0"/>  
        
                            </td><td>  
        
                            <table id="tblUDFName" style="visibility:hidden" runat="server">  
        
                                <tr> 
        
                                    <td><asp:TextBox runat="server" ID="txtName"></asp:TextBox></td>  
        
                                    <td><asp:Button runat="server" ID="btnUpdateUDFName" OnClick="btnUpdateUDFName_Click" Font-Size="10px" Text="Update Name" /></td>  
        
                                </tr> 
        
                            </table> 
        
                            </td></tr></table> 
        
                            </telerik:RadPane> 
        
                             <telerik:RadPane runat="server" ID="udfstreepane" Scrolling="Both">  
        
                                    <telerik:RadTreeView CheckBoxes="true" MultipleSelect="false" runat="server" ID="rtvUDF" Skin="IUSASkin"  EnableEmbeddedSkins="false" OnClientNodeDropping="onTreeViewNodeDropping" OnClientNodeDropped="onTreeViewNodeDropped" 
        
                                    EnableDragAndDrop="true" OnClientNodeClicking="OnUDFNodeClicking" OnClientLoad="OnUDFClientLoad" DragAndDropBetweenNodes="false" AllowDrag="true" AllowDrop="true">  
        
                                    </telerik:RadTreeView> 
        
                                    </telerik:RadPane> 
        
                                    </telerik:RadSplitter> 
        
                                </telerik:RadPageView> 
        
                            </telerik:RadMultiPage> 
        
                            </telerik:RadPane> 
        
                            </telerik:RadSplitter>

Any help would be greatly appreciated.
Thank you,
Phani

Splitter

answered on 10 Dec 2009

1 answer

109 views

doubleclick on empty to insert data

Hi,

I am using Visual Studio 2008, Rad Conrtols for ASP.NET AJAX Q2 2009 and .net Framework 3.5 and C# Programming.
I am using RAD Grid to display the data and in line mode to edit the data.
i am always displaying an emptyrow in the grid so that when the user doule clicks on this empty row, the that data row of grid goes into edit mode, user enters the data.If there is no data only an empty row will be displayed in the grid.

Now the situation is where there is no data and the grid only displays an empty and the user double clicks to insert a new data, the following exception is being received:
System.ArgumentOutOfRangeException: Specified argument was out of the range of valid values

Can you please help me how i can double click, open the empty grid in edit mode and insert a new row.

Thanks,
RKS

Grid

answered on 10 Dec 2009

2 answers

127 views

Flickering Grid on refresh in FF en IE

Hello,

I placed a RadGrid (2009 Q3) on a page that has a timer on it to enable automatic refresh of the page.
In Internet Explorer en Firefox this causes a grid with a horizontal scrollbar to flicker on each refresh.
When scrolled to the right on each refresh the grid scrolls to the left briefly and immediately afterwards it scrolls to the save position.
In Chrome this behavior does not occur.

The RadGrid is placed in an UpdatePanel in a UserControl.
This usercontrol has a timer which updates the content of the UpdatePanel on an interval.

Any ideas on how to avoid this problem?

Regards,

Jeroen

Grid

answered on 10 Dec 2009

1 answer

105 views

Combobox

Hi,
I wanted to have 2 column in a grid; one is a combobox control while the other one is just text.
There is 2 button outside of the grid that is "Add" and "Remove".
When the user clicks "Add", it will generate one row in the grid that allows the user to select.
When the user selects a selection in the combobox in the 1st column, the 2nd column will also be changed accordingly to the selection.

My question is:
1) How do I bind the data in the combobox in the grid?
2) How do I achieve the ability to change the 2nd column according to the combobox selection?

Additional note: The databinding is occurred in code behind.
When user clicks "Add", a new row will be created and the default selection is "<<Select>>".

Can someone please enlighten me about this?
Thanks.

Grid

answered on 10 Dec 2009

5 answers

126 views

Refresh RadGrid

Hi All,

I have two RadGrids in a form, i want to refresh Grid1 based in some condition on Grid2 Insert/Update record.

Please help me regarding this.

Grid

answered on 10 Dec 2009

4 answers

226 views

WebuserControl Edit form RadGrid

Hi,

We are using a webusercontrol as editform by setting the editformsettings as websuercontrol.
The Radgrid is inside a RadAjaxPanel.When i click the edit button the web usercontrol gets opened and after clicking the update command,the ItemCommand on the parent page gets fired and the record gets updated and the web user control closes.

We also do some validations before the actual save operation.The web user control actually hides itself and reshows during validation.So we thought of putting the user control inside a RadJaxmanagerProxy.Thi solved the flickerring issue. but the problem is it is not closing the user control after the update.

Please provide your thoghts on this

Thanks and Regards
V.Balamurali

Grid

answered on 10 Dec 2009

2 answers

96 views

[Solved] Get ID value on rowselect

How can i get the value from the ID field of the database that is linked to the datagrid ?

    
                Protected Sub ToggleRowSelection(ByVal sender As Object, ByVal e As EventArgs)  
        
                    CType(CType(sender, CheckBox).Parent.Parent, GridItem).Selected = CType(sender, CheckBox).Checked  
        
                    Dim item As GridDataItem = TryCast((TryCast(sender, CheckBox)).Parent.Parent, GridItem)  
        
                    Dim currentItemNumber As Integer = item.ItemIndex 'This works  
        
                End Sub

I can get the itemindex but can't seem to get info from the columns

Grid

answered on 10 Dec 2009

0 answers

58 views

Telerik Chart not showing bar

I am facing a peculiar issue,while debugging the application,i can see the chart with the bars.
But when i run the application normally,i am getting empty chart,without any bars.

Can any one suggest what could be the problem

Thanks In Advance

Chart (Obsolete)

asked on 10 Dec 2009

0 answers

103 views

Telerik Chart not showing bar

I am facing a peculiar issue,while debugging the application,i can see the chart with the bars.
But when i run the application normally,i am getting empty chart,without any bars.

Chart (Obsolete)

asked on 10 Dec 2009

1 answer

74 views

[Solved] Window without title bar - just a cross

Hi,

Is there a skin / or is it possible to show a window with only a cross in the top right hand corner. That is, without a title bar at the top.

Thanks,

Richard

Window

answered on 10 Dec 2009