Questions on UI for ASP.NET AJAX Forum

2 answers

47 views

The way invisible Table Wizard, Set cell properties and Set Table properties on Insert Table?

Hi,

Can you tell me the way config for invisible Table Wizard, Set cell properties and set table properties on Insert Table.
Present I don't want to show them when user click "Insert Table" icon on RadEditor.

Please help me.

Thanks

Editor

answered on 15 Dec 2009

4 answers

301 views

Updatepanel only working on initial postback

Hi,

I am trying out the AjaxLoadPanel for the first time. I want a wait msg to appear after I click my search image-button while my Radgrid is loading. This works the first time I search after loading the page, but not the second time. I am sure I am making a beginner mistake somewhere.

btw. If I create another AjaxSetting with my ImgButton as trigger and my Radgrid as updatecontrol then I get a error complaining that my control contains code blocks. This happens even if I wrap it with an asp:panel, and yes I have to script in my header.

Hope someone can help me out here :-)

Axel

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"   
        
                DefaultLoadingPanelID="RadAjaxLoadingPanel1">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="UserControlContainer">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="UserControlContainer" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
            </telerik:RadAjaxManager> 
        
             <asp:Panel id="UserControlContainer" class="UserControlContainer pealHeader" DefaultButton="btnSearch" runat="server">  
        
             <li class="full">  
        
                    <asp:TextBox ID="tbSearch" runat="server" TabIndex="1" ></asp:TextBox> 
        
                    <asp:ImageButton ID="btnSearch" runat="server" 
        
                         Enabled="true" onclick="btnSearch_Click" TabIndex="3" ImageUrl="~/images/icons/lookingglass.png" /> 
        
             </li> 
        
             <div> 
        
               <telerik:RadGrid ID="RadGrid1" runat="server" EnableAJAX="true" EnableAjaxSkinRendering="true">  
        
                 . . .  
        
               </telerik:RadGrid> 
        
             </div> 
        
             <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" EnableSkinTransparency="true" BackgroundPosition="Center" runat="server">  
        
             </telerik:RadAjaxLoadingPanel> 
        
            </asp:Panel> 
        
            ... serverside ......  
        
                    protected void LoadData()  
        
                    {  
        
                        PartyDataContext pdc = new PartyDataContext();  
        
                        var prty = pdc.IndividualsGetComplex(tbSearch.Text.ToUpper()).ToList();  
        
                        RadGrid1.DataSourceID = "";  
        
                        RadGrid1.DataSource = prty;  
        
                    }  
        
                    protected void btnSearch_Click(object sender, ImageClickEventArgs e)  
        
                    {  
        
                        LoadData();  
        
                        RadGrid1.Rebind();              
        
                    }

Ajax

answered on 14 Dec 2009

1 answer

132 views

Tab selection not firing

Hi,
I have 3 tabs in my aspx page and assigned 2 Pageview for each tab. if i click the tab it working properly. I have button inside first Pageview to select the next tab. if i click that button the next tab shd be enabled. but its not working. The second tab is selected but still the content inside is the first Pageview

<

Tabs>

<telerik:RadTab CssClass="divtabstrip" Text="Child Details" PerTabScrolling="true" PageViewID="PageviewParent"

Value="Parent" TabIndex="0" runat="server" />

<telerik:RadTab CssClass="divtabstrip" TabIndex="1" PerTabScrolling="true" Text="Emergency Contact and Other Details"

PageViewID="Page1" Value="Emergency" runat="server" />

<telerik:RadTab CssClass="divtabstrip" TabIndex="2" PerTabScrolling="true" Text="Medical Info" PageViewID="Page2"

Value="Medical" runat="server" />

</Tabs>

<telerik:RadMultiPage EnableOutsideScripts="true" ID="radMultiPage" SelectedIndex="0"

runat="server">

<telerik:RadPageView ID="Page1" TabIndex="0" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="Page2" TabIndex="0" runat="server">

</telerik:RadPageView>

----------------------------

protected void NextTab(object sender, EventArgs e)

{

radTab.SelectedIndex = 1;
}

Thanks,
Jeevitha

TabStrip

answered on 14 Dec 2009

1 answer

146 views

Using the browser back button

Is there anyway to get a dual listbox configuration to remember where list items are when the user uses the browser back button?

In the use case where you're using a dual list box say, for picking output columns on a search - it can get pretty frustrating for the user to click back and find that both the columns he selected and the order of said columns have been lost.

When I wrote my own dual list box javascript component (before Telerik came out with theirs), I wrote an entry every time a field moved into a hidden field. I had a method on the body load that read the hidden field and repositioned the items whenever the page was loaded, except for the first time. Since hidden fields will stay put on a postback, this is a reliable way of pulling back a users selections and order when the back button is pressed.

Does anyone else feel me on this?

Andrew

ListBox

answered on 14 Dec 2009

2 answers

215 views

[Solved] RadDock Example from vb to c# !!

Hello everyone,
I found an interesting easy working example for RadDock but teh problem that I'm facing that its in vb, and the application is c#
can anyone help me to convert it [ Please note that the online converters couldn't convert it specially the bold + underlined lines ]

    
            Imports System 
        
            Imports System.Data 
        
            Imports System.Configuration 
        
            Imports System.Collections 
        
            Imports System.Web 
        
            Imports System.Web.Security 
        
            Imports System.Web.UI 
        
            Imports System.Web.UI.WebControls 
        
            Imports System.Web.UI.WebControls.WebParts 
        
            Imports System.Web.UI.HtmlControls 
        
            Imports System.Data.SqlClient 
        
            Imports Telerik.Web.UI 
        
            Imports System.Collections.Generic 
        
            Imports System.Text 
        
            Imports System.Web.Script.Serialization 
        
            Partial Public Class DefaultVB 
        
                Inherits System.Web.UI.Page 
        
                Private _conn As New SqlConnection(ConfigurationManager.ConnectionStrings("DockConnectionString").ConnectionString) 
        
                Private _count As Integer = 0 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) 
        
                End Sub 
        
                Protected Sub RadDockLayout1_LoadDockLayout(ByVal sender As Object, ByVal e As Telerik.Web.UI.DockLayoutEventArgs) 
        
                    Dim dock As RadDock = Nothing 
        
                    Dim serializer As New JavaScriptSerializer() 
        
                    Dim converters As New List(Of JavaScriptConverter)() 
        
                    converters.Add(New UnitConverter()) 
        
                    serializer.RegisterConverters(converters) 
        
                    'Get saved state string from the database - set it to dockState variable for example  
        
                    Dim dockState As String = "" 
        
                    Try 
        
                        _conn.Open() 
        
                        Dim command As New SqlCommand("select State from States where id=1", _conn) 
        
                        dockState = command.ExecuteScalar().ToString() 
        
                        _conn.Close() 
        
                    Catch 
        
                    End Try 
        
                    Dim currentDockStates As String() = dockState.Split("|"c) 
        
                    For Each stringState As String In currentDockStates 
        
                        If stringState.Trim() <> String.Empty Then 
        
                            Dim state As DockState = serializer.Deserialize(Of DockState)(stringState) 
        
                            e.Positions(state.UniqueName) = state.DockZoneID 
        
                            e.Indices(state.UniqueName) = state.Index 
        
                            dock = DirectCast(RadDockLayout1.FindControl(state.UniqueName), RadDock) 
        
                            dock.ApplyState(state) 
        
                        End If 
        
                    Next 
        
                End Sub 
        
                Protected Sub RadDockLayout1_SaveDockLayout(ByVal sender As Object, ByVal e As Telerik.Web.UI.DockLayoutEventArgs) 
        
                    Dim dockState As String 
        
                    Dim serializer As New JavaScriptSerializer() 
        
                    Dim converters As New List(Of JavaScriptConverter)() 
        
                    converters.Add(New UnitConverter()) 
        
                    serializer.RegisterConverters(converters) 
        
                    Dim stateList As List(Of DockState) = RadDockLayout1.GetRegisteredDocksState() 
        
                    Dim serializedList As New StringBuilder() 
        
                    Dim i As Integer = 0 
        
                    While i < stateList.Count 
        
                        serializedList.Append(serializer.Serialize(stateList(i))) 
        
                        serializedList.Append("|") 
        
                        System.Math.Max(System.Threading.Interlocked.Increment(i), i - 1) 
        
                    End While 
        
                    dockState = serializedList.ToString() 
        
                    If dockState.Trim() <> [String].Empty Then 
        
                        Try 
        
                            _conn.Open() 
        
                            Dim command As New SqlCommand([String].Format("update States set State='{0}' where id=1", dockState), _conn) 
        
                            command.ExecuteNonQuery() 
        
                            _conn.Close() 
        
                        Catch 
        
                        End Try 
        
                    End If 
        
                End Sub 
        
            End Class

Thank you in advance

Dock

answered on 14 Dec 2009

4 answers

206 views

[Solved] Manual Close + Shown from code

2009 Q3 Release of the controls

Since we updated to Q3, there is no X shown if Manual Close and shown from code, and regardless of having the manualclose set to true, the AutoHideDelay is not ignored, (the tooltip autohides after the specified time) the only way I could get the tooltip to remain visible was to set the AutoHideDelay to 0, then at least the tooltip stayed visible. This does not involve any postbacks on the tooltip or anything, click a control, tooltip shown from code, and then after the autohidelay time elapse it's hidden.

This was not an issue until we recently upgraded to Q3.

ToolTip

answered on 14 Dec 2009

2 answers

316 views

[Solved] Unable to set RadMenu Target

For some reason I am unable to properly set the Target for my RadMenu items.
I'm using v 3.1208.35

I was expecting the NavigateUrl's to load in the RadPanel 'cPane', but instead it loads in a new window.
The following code is not working like I expected/hoped it would.

Any help would be appreciated ... please.

    
            <telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" Height="100%">  
        
                <telerik:RadPane ID="topPane" runat="server" Height="54px">  
        
                    <div class="header" style="background-image: url('images/HeaderBlueBG.png');">  
        
                        <div class="logo" style="width:100%;background-image: url('images/HeaderBlue.png');" > 
        
                        </div> 
        
                    </div> 
        
                    <telerik:RadMenu runat="Server" ID="RadMenu1" Style="float: none; position:absolute; top:28px; z-index:3000" Width="100%">  
        
                        <Items> 
        
                            <telerik:RadMenuItem runat="server" Text="Administration">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem runat="server" Text="User Manager" NavigateUrl="~/Admin/Users.aspx" Target="cPane" /> 
        
                                    <telerik:RadMenuItem runat="server" Text="Employee Manager" NavigateUrl="~/Admin/Employees.aspx" Target="cPane" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                            <telerik:RadMenuItem runat="server" Text="Candidates">  
        
                                <Items> 
        
                                    <telerik:RadMenuItem  runat="server" Text="My Candidates" NavigateUrl="~/Candidate/cList.aspx" Target="cPane"  /> 
        
                                    <telerik:RadMenuItem runat="server" Text="Hiring Managers" NavigateUrl="~/Candidate/HiringMangers.aspx" Target="cPane" /> 
        
                                </Items> 
        
                            </telerik:RadMenuItem> 
        
                        </Items> 
        
                    </telerik:RadMenu> 
        
                </telerik:RadPane> 
        
            <telerik:RadSplitBar runat="server" /> 
        
                <telerik:RadPane runat="server" ID="cPane" Scrolling="none"></telerik:RadPane> 
        
            </telerik:RadSplitter>

Menu

answered on 14 Dec 2009

3 answers

170 views

[Solved] FullScreen by default

Is it possible to have the radEditor full screen by default when the page loads instead of having to click it?

Thank you.

Editor

answered on 14 Dec 2009

1 answer

117 views

Fire JS after OnClientSelectionChange - node inspector

Hello,

was wondering if someone could point me in the right direction, I'm looking to fire some custom Javascript after the client has made a selection change in the editor AND after the node Inspector has loaded. For example when a user clicks on an image, the nodeInspector is loaded in the bottom docking zone. Once the inspector has loaded, I would like to have a script run, is this possible?

thanks,

Editor

answered on 14 Dec 2009

1 answer

124 views

Editor Size Problem

I set the telerik editor control to 100x250 size. the size is correct after loading. but once I press on the HTML button the editor changes its height. why is this happening?

Telerik control: Ajax Q3 2009
browser: Firefox 3.5.5

here's the snippet when creating an editor:
        <telerik:radeditor id="textEditor" runat="server" OnClientLoad="resize"
            EnableResize="False" Height="100px" Width="250px">
            <Tools>
                <telerik:EditorToolGroup >
                <telerik:EditorTool Name="Cut" />
                <telerik:EditorTool Name="Copy" />
                <telerik:EditorTool Name="Paste" />
                </telerik:EditorToolGroup>
            </Tools>

Thanks,

Paul

Editor

answered on 14 Dec 2009