Questions on UI for ASP.NET AJAX Forum

4 answers

333 views

[Solved] How to remove the Vertical Divider between menu items?

After playing with the stylesheets, i still can't get rid of the vertical divider.
Consider the following menu (I'm using the default skin):-
Menu 1 | Menu 2 | Menu 3

I need it to be :-
Menu 1 Menu 2 Menu 3

How can I achieve this?

Menu

answered on 05 Feb 2010

1 answer

124 views

"control contains code blocks" error appears with ajax panel

Hi Telerik team,

I am facing one problem with use of RadAjaxPanel. I have following code:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPanel.aspx.cs" Inherits="WebApplication10.AjaxPanel" %> 
        
            <!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"> 
        
                <div> 
        
                <img src="<%= MyServer + "images/uparrow.gif"%>" /> 
        
                <telerik:RadScriptManager ID="mgr1" runat="server"></telerik:RadScriptManager> 
        
                <telerik:RadAjaxPanel ID="panel1" runat="server"></telerik:RadAjaxPanel> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html> 
        
            ================================== 
        
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            namespace WebApplication10 
        
            { 
        
                public partial class AjaxPanel : System.Web.UI.Page 
        
                { 
        
                    public string MyServer { get { return "http://server/"; } } 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                    } 
        
                } 
        
            }

This code throws error "The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)."

If I wrap RadAjaxPanel in another div(server control) then code works as expected.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPanel.aspx.cs" Inherits="WebApplication10.AjaxPanel" %> 
        
            <!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"> 
        
                <div> 
        
                <img src="<%= MyServer + "images/uparrow.gif"%>" /> 
        
                <telerik:RadScriptManager ID="mgr1" runat="server"></telerik:RadScriptManager> 
        
                <div id="wrapper" runat="server"> 
        
                <telerik:RadAjaxPanel ID="panel1" runat="server"></telerik:RadAjaxPanel> 
        
                </div> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

So I have a working solution for such problem, But can anyone provide more insight into this?

Regards
Shrikant

Ajax

answered on 05 Feb 2010

2 answers

461 views

[Solved] Excel export, cell padding and AutoSum

In a grid I have some money data. I've right align the column values but since they don't line up well with the column header and the next column I'm adding two nbsp characters to the right of the value - in order to provide a little padding. These values when exported into Excel also have these padding characters. Unfortunately these space charaters prevent Excel autosum from working correctly. Even reformatting the Excel column doesn't work.

The question are ...

- Can I right align the values but have a little space to the right of the value without using space characters
- Is it possible to intercept the data before exporting to Excel and remove the space characters?
- In Excel how can one remove the padding characters easily?

Grid

answered on 05 Feb 2010

2 answers

75 views

How to obtain the Column and sort direction clicked?

I would like to obtain the Column name and the direction of the sort when the user clicks a header name. I'll be storing this in a cookie so that the next time the page is visited, I can automatically sort the grid to display what they last viewed. How do I do this?

Thanks

Vincent

Grid

answered on 05 Feb 2010

3 answers

156 views

Roadmap thumbnails

Hi,

on your Roadmap stands:

RadEditor

Light version of some editor dialogs
RTF, PDF Export/Import
Thumbnail functionality
RadScriptManager and RadStyleSheetManager used in editor's dialogs

is the Thumbnail functionality the long awaited thumbnails preview function in the Image manager?
This is not in PITS??

Please give some more information on this...

BR,
Marc

Editor

answered on 05 Feb 2010

16 answers

693 views

Set Cursor Position on a RAD Controls

How do you set cursor position on RadDateInput, RadEditor, textbox Inside RadGrid, all RAD Controls.
Especially if the rad control is built in .ascx and added to the aspx.
I try to set focus and tabindex but they dont really work well. Using rad control cursor doesnt even blink.
What is the best way to set the cursor on a first editable control. Is it better in Javascript or in page load event inside cs file?
Please help and provide a sample code.

Calendar

answered on 05 Feb 2010

1 answer

114 views

Editor Inserts <br> as Default Content

I've recently discovered an issue that has come up on all of our projects that use the Editor. For some reason, at first load of an editor, there is <br> tag just sitting in the HTML view. This becomes an issue when dealing with required field validation. I've tried to uncover where this is coming from by looking at your examples, but the only Editor I could find on there with no content was calling in the Skin "BasicSetOfTools." As far as I'm aware this was not an issue until we started using the AJAX version of the tools. I'm attaching our typical Editor code, hopefully this is a simple property that I need to set to stop the stupid br tag from getting inserted at initial load.

    
            <telerik:RadEditor runat="server" SkinID="SettingProperties" ID="uxStoryHTML"> 
        
            </telerik:RadEditor>

Skin file:

    
            <telerik:RadEditor runat="server" SkinID="SettingProperties" ContentFilters="MakeUrlsAbsolute" StripFormattingOptions="All"> 
        
                <DocumentManager SearchPatterns="*.doc,*.docx,*.pdf,*.xls,*.xlsx" DeletePaths="~/uploads/docs/" UploadPaths="~/uploads/docs/" ViewPaths="~/uploads/docs/" MaxUploadFileSize="10240000" /> 
        
                <ImageManager ImageEditorFileSuffix="*.gif,*.jpg,*.jpeg,*.png,*.bmp" DeletePaths="~/uploads/images/" UploadPaths="~/uploads/images/" ViewPaths="~/uploads/images/" MaxUploadFileSize="604800" /> 
        
                <MediaManager SearchPatterns="*.avi,*.mpeg,*.mp3,*.wma,*.wav,*.wmv,*.mpg,*.mov" DeletePaths="~/uploads/videos/" UploadPaths="~/uploads/videos/" ViewPaths="~/uploads/videos/" MaxUploadFileSize="5242880" /> 
        
                <FlashManager SearchPatterns="*.flv,*.swf" DeletePaths="~/uploads/flash/" UploadPaths="~/uploads/flash/" ViewPaths="~/uploads/flash/" MaxUploadFileSize="1024000"/> 
        
                <TemplateManager SearchPatterns="*.htm,*.html" /> 
        
                <CssFiles> 
        
                    <telerik:EditorCssFile Value="~/CSS/cms.css" /> 
        
                </CssFiles> 
        
                <Tools> 
        
                    <telerik:EditorToolGroup> 
        
                        <telerik:EditorTool Name="AjaxSpellCheck" /> 
        
                        <telerik:EditorTool Name="FindAndReplace" /> 
        
                        <telerik:EditorTool Name="Copy" /> 
        
                        <telerik:EditorTool Name="Paste" /> 
        
                        <telerik:EditorTool Name="PasteFromWord" /> 
        
                        <telerik:EditorTool Name="PasteFromWordNoFontsNoSizes" /> 
        
                        <telerik:EditorTool Name="PastePlainText" /> 
        
                        <telerik:EditorTool Name="PasteAsHtml" /> 
        
                        <telerik:EditorTool Name="Undo" /> 
        
                        <telerik:EditorTool Name="Redo" /> 
        
                        <telerik:EditorSeparator Visible="true" /> 
        
                        <telerik:EditorTool Name="ImageManager" /> 
        
                        <telerik:EditorTool Name="DocumentManager" /> 
        
                        <telerik:EditorTool Name="LinkManager" /> 
        
                        <telerik:EditorTool Name="Unlink" /> 
        
                    </telerik:EditorToolGroup> 
        
                    <telerik:EditorToolGroup> 
        
                        <telerik:EditorTool Name="JustifyLeft" /> 
        
                        <telerik:EditorTool Name="JustifyCenter" /> 
        
                        <telerik:EditorTool Name="JustifyRight" /> 
        
                        <telerik:EditorTool Name="JustifyFull" /> 
        
                        <telerik:EditorTool Name="JustifyNone" /> 
        
                        <telerik:EditorSeparator Visible="true" /> 
        
                        <telerik:EditorTool Name="Indent" /> 
        
                        <telerik:EditorTool Name="Outdent" /> 
        
                        <telerik:EditorTool Name="InsertOrderedList" /> 
        
                        <telerik:EditorTool Name="InsertUnorderedList" /> 
        
                        <telerik:EditorSeparator Visible="true" /> 
        
                        <telerik:EditorTool Name="ConvertToLower" /> 
        
                        <telerik:EditorTool Name="ConvertToUpper" /> 
        
                        <telerik:EditorSeparator Visible="true" /> 
        
                        <telerik:EditorTool Name="InsertTable" /> 
        
                        <telerik:EditorTool Name="InsertSymbol" /> 
        
                    </telerik:EditorToolGroup> 
        
                    <telerik:EditorToolGroup> 
        
                        <telerik:EditorTool Name="FormatStripper" /> 
        
                        <telerik:EditorTool Name="FormatBlock" /> 
        
                        <telerik:EditorTool Name="ApplyClass" /> 
        
                        <telerik:EditorTool Name="Print" /> 
        
                        <telerik:EditorTool Name="Superscript" /> 
        
                        <telerik:EditorTool Name="Subscript" /> 
        
                        <telerik:EditorTool Name="InsertParagraph" /> 
        
                        <telerik:EditorTool Name="InsertHorizontalRule" /> 
        
                        <telerik:EditorTool Name="InsertDate" /> 
        
                        <telerik:EditorTool Name="InsertTime" /> 
        
                        <telerik:EditorTool Name="AboutDialog" /> 
        
                        <telerik:EditorTool Name="Help" /> 
        
                    </telerik:EditorToolGroup> 
        
                </Tools> 
        
                <Modules> 
        
                    <telerik:EditorModule Name="RadEditorStatistics" /> 
        
                    <telerik:EditorModule Name="RadEditorDomInspector" /> 
        
                    <telerik:EditorModule Name="RadEditorNodeInspector" /> 
        
                </Modules> 
        
            </telerik:RadEditor>

Editor

answered on 05 Feb 2010

1 answer

241 views

What is the replacement of ClientCallBackFunction in radwindowmanager and radwindow

Hi
I just upgraded to this ajax version .I am facing some difficulties in radwindow and radwindowmanager.What is the replacement of ClientCallBackFunction in radwindowmanager and radwindow..

Window

answered on 05 Feb 2010

1 answer

131 views

insert/update appointments with a customize template

Hi,

I want to insert/update appointements in a customize template.

I have created an inline template and add somme new attributes like this :

    
            <InlineInsertTemplate> 
        
                   <div id="InlineInsertTemplate"> 
        
                             <table> 
        
                                [... Other code with date and event's description ...] 
        
                                    <tr id="quid"> 
        
                                            <td> 
        
                                                <asp:Label ID="lbl_quid_advanced_insertion" runat="server" Text="Civ, Nom, Prénom : "></asp:Label> 
        
                                            </td> 
        
                                            <td style="width:auto;">      
        
                                                <asp:DropDownList ID="ddl_civilite" runat="server"> 
        
                                                    <asp:ListItem>Mlle</asp:ListItem> 
        
                                                    <asp:ListItem>Madame</asp:ListItem> 
        
                                                    <asp:ListItem>Monsieur</asp:ListItem> 
        
                                                </asp:DropDownList> 
        
                                            </td> 
        
                                            <td>      
        
                                                <asp:TextBox ID="TxtNomComplet" runat="server"></asp:TextBox> 
        
                                            </td> 
        
                                        </tr> 
        
                                        <tr id="identifiant"> 
        
                                            <td> 
        
                                                <asp:Label ID="lbl_identifiant_advanced_insertion" runat="server" Text="Identifiant (ex : Carte de fidélité) : "></asp:Label> 
        
                                            </td> 
        
                                            <td>      
        
                                                <asp:TextBox ID="txt_identifiant_advanced_insertion" runat="server"></asp:TextBox> 
        
                                            </td> 
        
                                        </tr> 
        
                                        <tr id="tel1"> 
        
                                            <td> 
        
                                                <asp:Label ID="lbl_tel1_advanced_insertion" runat="server" Text="Tel 1 : "></asp:Label> 
        
                                            </td> 
        
                                            <td>      
        
                                                <asp:TextBox ID="txt_tel1_advanced_insertion" runat="server"></asp:TextBox> 
        
                                            </td> 
        
                                        </tr> 
        
                                        <tr id="tel2"> 
        
                                            <td> 
        
                                                <asp:Label ID="lbl_tel2_advanced_insertion" runat="server" Text="Tel 2 : "></asp:Label> 
        
                                            </td> 
        
                                            <td>      
        
                                                <asp:TextBox ID="txt_tel2_advanced_insertion" runat="server"></asp:TextBox> 
        
                                            </td> 
        
                                        </tr> 
        
                                    </table> 
        
                                </div> 
        
            </InlineInsertTemplate>

With the rad scheduler i use methods to insert/update datas :

    
            OnAppointmentInsert="RadScheduler1_AppointmentInsert" 
        
            OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"

In the code behind i want to recup datas from the customize template to insert them in my database i do this :

    
             protected void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e) 
        
                { 
        
                    Event monevenement = new Event(); 
        
                   Event.InsertEvent(1, "testinsertnom", DateTime.Now, DateTime.Now, "testinsertmotif", TxtNomComplet ... others variables); 
        
                }

And i can't find a way to get the value of my TxtBox here...

Do you know how could i get this information???

Thanks for helping.

Scheduler

answered on 05 Feb 2010

11 answers

386 views

[Solved] Server Method Failed Error

I am attempting to create a tooltip for items in a repeater control. I bind the repeater control to a datatable, and in the ItemDataBound event I add an attribute to a label control within the repeater to execute a javascript function showToolTip for the onmouseover event.

This is my javascript function:

    
                    function showToolTip(element) { 
        
                        var tooltipManager = $find("<%= RadToolTipManager1.ClientID %>"); 
        
                        if (!tooltipManager) return; 
        
                        var tooltip = tooltipManager.getToolTipByElement(element); 
        
                        if (!tooltip) { 
        
                            tooltip = tooltipManager.createToolTip(element); 
        
                            var partNo = element.innerHTML; 
        
                            tooltip.set_value(partNo); 
        
                        } 
        
                        element.onmouseover = null; 
        
                        try { 
        
                            tooltip.show(); 
        
                        } 
        
                        catch(ex) { 
        
                            alert(ex.description); 
        
                        } 
        
                    }

Here is my toolmanager:

    
                    <telerik:RadToolTipManager  ID="RadToolTipManager1" runat="server"  
        
                            AutoCloseDelay="10000" Width="160px" Height="70px" 
        
                            RelativeTo="Element"  
        
                            Position="MiddleRight" Skin="Outlook"> 
        
                        <WebServiceSettings Path="GetPartToolTip.asmx" Method="GetPartInfo" /> 
        
                        <TargetControls> 
        
                            <telerik:ToolTipTargetControl IsClientID="false" TargetControlID="txtFakeTooltip" Value="" /> 
        
                        </TargetControls> 
        
                    </telerik:RadToolTipManager>

Here is the code for the webservice:

    
            Imports System.Web 
        
            Imports System.Web.Services 
        
            Imports System.Web.Services.Protocols 
        
            Imports System.ComponentModel 
        
            Imports System.Web.UI 
        
            Imports System.Web.UI.WebControls 
        
            Imports System.Reflection 
        
            Imports System.IO 
        
            Imports System.Collections 
        
            ' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
        
            ' <System.Web.Script.Services.ScriptService()> _ 
        
            <WebService(Namespace:="http://tempuri.org/")> _ 
        
            <WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _ 
        
            <Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _ 
        
            Public Class GetPartToolTip 
        
                 Inherits System.Web.Services.WebService 
        
                <WebMethod()> _ 
        
                Public Function GetPartInfo(ByVal context As String) As String 
        
                    Try 
        
                        'Return "Hello" 
        
                        'Dim contextDictionary As IDictionary(Of String, Object) = CType(context, IDictionary(Of String, Object)) 
        
                        'Dim elementID As String = CType(contextDictionary("Value"), String) 
        
                        If String.IsNullOrEmpty(context) Then 
        
                            Throw New Exception("No Value argument is provided to the webservice!") 
        
                        End If 
        
                        Return ViewManager.RenderView("part_availability.ascx", context) 
        
                    Catch ex As Exception 
        
                        Return "Error occurred in GetPartInfo. Error: " & ex.Message 
        
                    End Try 
        
                End Function 
        
            End Class 
        
            Public Class ViewManager 
        
                Public Shared Function RenderView(ByVal path As String, ByVal partno As String) As String 
        
                    Dim pageHolder As Page = New Page 
        
                    Dim viewControl As UserControl = CType(pageHolder.LoadControl(path), UserControl) 
        
                    Dim viewControlType As Type = viewControl.GetType 
        
                    Dim partNbr As FieldInfo = viewControlType.GetField("partno") 
        
                    If Not partNbr Is Nothing Then 
        
                        partNbr.SetValue(viewControl, partno) 
        
                    Else 
        
                        Throw New Exception("View file: " & path & " does not have a public 'partno' property") 
        
                    End If 
        
                    pageHolder.Controls.Add(viewControl) 
        
                    Dim output As StringWriter = New StringWriter 
        
                    HttpContext.Current.Server.Execute(pageHolder, output, False) 
        
                    Return output.ToString 
        
                End Function 
        
            End Class

I added this web service to my web site solution and the code source was stored in the App_Code folder. I then created a web reference to this web service in my solution. If I call the Web Service directly, I get a good return string back, but when I call it from within the web application, a pop-up appears stating 'The server method 'GetPartInfo' failed.'

Any help on this will be greatly appreciated.

Thanks!

ToolTip

answered on 05 Feb 2010