Questions on UI for ASP.NET AJAX Forum

1 answer

207 views

How to set a tooltip to radwindow from java Script

Hi,

My requirement is to display a tool-tip for a radwindow when i mouse hover the window? Can somebody suggest us on how to implement this?

Cheers,

Sabrina

Window

answered on 04 Jun 2010

2 answers

205 views

How to test for true postback

We are dynamically loading a RadTabStrip's Multipage with a web user control when the tab is clicked.

The tab contains the user's information that the should be able to change. For example, email, phone number.

In a normal ASPX page, I would test for IsPostBack = false. If it is then I pre-load the user's data. This way, when the user submits their changed data, it is not overwritten by postback doing another data load.

When using the RadTab environment, IsPostBack is always true. Thus I can't tell if this is a first visit to load the user's data or if they clicked submit.

How can I get around this?

TabStrip

answered on 04 Jun 2010

6 answers

180 views

Standalone ImagePreviewer and ImageProperties

Hi,

I have requirement of integrating custom image search functionality in Image Manager. I am trying to insert the images which are in form of rows of radgrid into imagepreviewer and Imageproperties control of Image Manager.

The code block for main control is:

                    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ImagePreviewer.ascx.cs"         
                Inherits="ImgManager.ImagePreviewer" %>         
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>         
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI.Editor.DialogControls"         
                TagPrefix="dc" %>         
            <%@ Register TagPrefix="uc1" TagName="DialogControl" Src="~/EditorDialogs/SetImageProperties.ascx" %>           
            <style type="text/css">         
            .selectedFileName1         
            {         
               border-color:Black;         
            }         
            </style>         
            <script type="text/javascript">         
                function RowSelected(sender, eventArgs) {         
                     
                    var grid = sender;         
                    var MasterTable = grid.get_masterTableView();         
                    var selectedRows = MasterTable.get_selectedItems();         
                    var item = selectedRows[0];         
                             
                    var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];         
                    var cell = MasterTable.getCellByColumnUniqueName(row, "Picture");         
                             
                     
                    var imgTags = document.getElementsByTagName("IMG");         
                    var img1 = imgTags[0];         
                     
                    var div = document.getElementById("ImagePreviewer");         
                     
                    div.appendChild(img1);         
                     
                    var imgPropDiag = document.getElementById("ImageProperties");         
                    Telerik.Web.UI.Widgets.ImageProperties.prototype.initialize();         
                    setTimeout(Telerik.Web.UI.Widgets.ImageProperties.prototype.loadImageProperties(img1),3000);         
                   // alert(img1.href);         
                    //here cell.innerHTML holds the value of the cell         
                }         
                         
            </script>         
            <table width="50%">         
            <tr>         
            <td>         
            <telerik:RadGrid ID="rdgridImages" runat="server" >         
             <MasterTableView Width="100%" Summary="RadGrid table" CommandItemDisplay="Top">         
                         <Columns>         
                         <telerik:GridTemplateColumn  UniqueName="Picture" HeaderStyle-Width="70px" HeaderStyle-Height="70px">         
                         <ItemTemplate>         
                         <table>         
                         <tr style="border:none">         
                         <td style="border:none">         
                         <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Picture")%>' Height="70px" Width="70px">         
                     </asp:Image>         
                     </td>         
                         </tr>         
                         </table>         
                         </ItemTemplate>         
                     </telerik:GridTemplateColumn>          
                         </Columns>         
                                 
                         </MasterTableView>         
                          <ClientSettings>         
                     <Selecting AllowRowSelect="True" />         
                     <ClientEvents OnRowSelected="RowSelected" />         
                     </ClientSettings>         
            </telerik:RadGrid>         
            </td>         
            </tr>         
            </table>         
            <table width="50%">         
                     
                <tr>         
                         
                    <td>         
                        <telerik:RadMultiPage ID="imageMultiPage" runat="server">         
                            <telerik:RadPageView ID="previewPage" runat="server" Selected="true">         
                                <table cellpadding="0" cellspacing="0" width="100%">         
                                    <tr>         
                                        <td>         
                                            <div id="selectedFileName" >         
                                                </div>         
                                        </td>         
                                    </tr>         
                                    <tr>         
                                        <td valign="middle" style="border-color: Red">         
                                            <div id="CleanImageContainer" style="position: absolute; width: 0px; height: 0px;         
                                                overflow: hidden;">         
                                            </div>         
                                            <div id="ImagePreviewer" class="imagePreview noImage">         
                                                </div>         
                                        </td>         
                                    </tr>         
                                </table>         
                            </telerik:RadPageView>         
                            <telerik:RadPageView ID="propertiesPage" runat="server" ToolTip="here" >         
                                <%--<dc:SetImagePropertiesDialog ID="ImageProperties1"  runat="server" ExternalDialogsPath="~/EditorDialogs"  >         
                                </dc:SetImagePropertiesDialog>--%>         
                                <uc1:DialogControl ID="ImageProperties" runat="server" />         
                            </telerik:RadPageView>         
                        </telerik:RadMultiPage>         
                    </td>         
                </tr>         
                <tr>         
                         
                        <td >         
                            <telerik:RadTabStrip ID="imageTabStrip" Width="100%" runat="server" Orientation="HorizontalBottom" ShowBaseLine="true"         
                                MultiPageID="imageMultiPage">         
                                <Tabs>         
                                    <telerik:RadTab Text="Preview" Value="Preview" Selected="true" PageViewID="previewPage" />         
                                    <telerik:RadTab Text="Properties" Value="Properties" PageViewID="propertiesPage" />         
                                </Tabs>         
                            </telerik:RadTabStrip>         
                        </td>         
                    </tr>         
            </table>         
                     

while executing I am getting following as null:

this._colorPicker = $find("BorderColor");

this._imageAlignment = $find("ImageAlignment");

this._marginTopSpinBox = $find("marginTop");

this._marginRightSpinBox = $find("marginRight");

this._marginBottomSpinBox = $find("marginBottom");

this._marginLeftSpinBox = $find("marginLeft");

this._borderWidthSpinBox = $find("ImageBorderWidth");

this._imageCssClassList = $find("ImageCssClass");

Any help is greatly appreciated. I am stuck here for long time. If there is any other approach whihc you can suggest then feel free to give me some idea on that.

Regards,

Praveen

Editor

answered on 04 Jun 2010

1 answer

115 views

Bullet list without selecting text

HI All,

In Rad editor when ever i insert a bullet point i have to select the text otherwise it insert bullet point on each line inside Radeditor. Is this possible to get the bullet point only where the curser is and not for any other line of text.

Any help will be much appreciated.

Thanks,
Ricky

Editor

answered on 04 Jun 2010

6 answers

284 views

[Solved] Use default values in grid edit/insert

Hi,
In a radgrid with automatic edit/insert/delete, is there a way to either automatically enter default values (like the current date and time) into a text box when the user clicks edit or add new, or a way to get and modify the entry boxes' content or the compiled SQL statement before it is executed after the user clicks update? I want to use the current date and time for date entries in some SQL databases. I guess I could probably just make the date fields read only and call a separate SQL edit command inserting the dates, but would rather not.

Thanks,
Chris

Grid

answered on 04 Jun 2010

6 answers

789 views

Important Info

The market leading RadControls for ASP.NET bring unparalleled richness, responsiveness and interactivity to your SharePoint 2007 projects. You can easily incorporate all Telerik ASP.NET UI products into Windows SharePoint Services (WSS) v3 and Microsoft Office SharePoint Server (MOSS) 2007. The integration is a straight-forward process and we supply several resources to help you along the way:

Whitepaper
Screencast

(Download utilities referenced in the Whitepaper and Screencast.)

Although these resources refer to RadMenu, other controls in the Telerik RadControls suite follow the same deployment model and requirements. While the demonstration site used in the resources is a MOSS 2007 Publishing site, these same steps apply to all WSS v3 based sites, including sites created using the Team Site or Blank Site site template.

More information is available at www.telerik.com/sharepoint

Best Regards,
the Telerik team

Sharepoint Integration

answered on 04 Jun 2010

3 answers

113 views

[Solved] RadDock Possible to have only one table cell for content

Hi,

I use RadDock, and have the EnableRoundedCorners= true, so i get three table columns in the header which is fine.

But i also get three table columns in the contents area. I need it to be One table-cell with colspan=3 in the contents area. Is this possible?

The issue is, I don't want borders inside the radDock for my content.

regards,

Birger

Calendar

answered on 04 Jun 2010

2 answers

91 views

[Solved] grid in tree ajax loading panel

So i have a grid in a tree...

and if someone sorts that grid, the ajax loading panel spins...

but if they close the tree node that houses the grid... the panel stays even though the grid behind it has been hidden inside the node.

what to do?

http://test.volvoaeroservices.com/parts/320115

sort and then close the node...

open to suggestions :)

thanks!

TreeView

answered on 04 Jun 2010

3 answers

93 views

[Solved] RadEditor in GridTemplateColumn aligning to cent(re)(er).

Use your version of centre ;)

Ok, I have the following set up:

    
            <telerik:GridTemplateColumn   
        
                HeaderText="Content"   
        
                UniqueName="ActivityContent"   
        
                Visible="false">    
        
                <EditItemTemplate>    
        
                    <telerik:RadEditor   
        
                        ID="ContentEditor"   
        
                        runat="server"   
        
                        ContentAreaCssFile="~/Assets/Styles/GridHtmlEditor.css" 

                        Content='<%# Bind("Content") %>' />    
        
                </EditItemTemplate>    
        
                <ItemTemplate>    
        
                    <asp:Label ID="ContentLabel" runat="server" Text='<%# Eval("Content") %>' />    
        
                </ItemTemplate>    
        
            </telerik:GridTemplateColumn>

And the stylesheet:

    
            body      
        
            {      
        
                background-color: white !important;  
        
                background-image: none !important;  
        
                color: black;  
        
                font: 12px Verdana,Arial,Helvetica,Sans-Serif !important;  
        
                text-align:left !important;  
        
            }

Works really great but the content will not left-align!

How can I left-align my content?

Richard

Grid

answered on 04 Jun 2010

5 answers

329 views

Add custom fields

I see that I can add custom fields, and following an example from the forums, I have added a "Title" and "Description" input fields to my upload form. But not sure what to do now. How to I get the values of the Title and Description fields into the arguments array of the StoreFile() method?

    
            protected void RadFileExplorer2_ItemCommand(object sender, Telerik.Web.UI.RadFileExplorerEventArgs e)  
        
                    {  
        
                        if (e.Command == "UploadFile")  
        
                        {  
        
                            RadFileExplorer explorer = sender as RadFileExplorer;  
        
                            RadUpload upload = explorer.Upload;  
        
                            //e.Path holds the file path  
        
                            string name = e.Path.Split(new char[] { '/' }).Last(); // get the filename including extension ;  
        
                            foreach (UploadedFile uploadedFile in upload.UploadedFiles)  
        
                            {  
        
                                if (name.Equals(uploadedFile.GetName()))  
        
                                {  
        
                                    string fileName = uploadedFile.GetName();  
        
                                    string title = uploadedFile.GetFieldValue("Title");  
        
                                    string description = uploadedFile.GetFieldValue("Desc");  
        
                                    // ********** What do I do now? ***************//  
        
                                    break;  
        
                                }  
        
                            }  
        
                        }  
        
                    }

From my custom FileBrowserContentProvider:

    
            public override string StoreFile(Telerik.Web.UI.UploadedFile file, string path, string name, params string[] arguments)  
        
                    {  
        
                        int fileLength = Convert.ToInt32(file.InputStream.Length);  
        
                        byte[] content = new byte[fileLength];  
        
                        file.InputStream.Read(content, 0, fileLength);  
        
                        string fullPath = CombinePath(path, name);  
        
                        if (!Object.Equals(DataServer.GetItemRow(fullPath), null))  
        
                        {  
        
                            DataServer.ReplaceItemContent(fullPath, content);  
        
                        }  
        
                        else 
        
                        {  
        
                            string title; string description;  
        
                            try 
        
                            {  
        
                                title = arguments[0];  
        
                                description = arguments[1];  
        
                            }  
        
                            catch (IndexOutOfRangeException)  
        
                            {  
        
                                DataServer.CreateItem(name, path, file.ContentType, false, fileLength, content);  
        
                                return string.Empty;  
        
                            }  
        
                            DataServer.CreateItem(name, path, file.ContentType, false, fileLength, content, title, description);  
        
                        }  
        
                        return string.Empty;  
        
                    }

FileExplorer

answered on 04 Jun 2010