Questions on UI for ASP.NET AJAX Forum

1 answer

116 views

Hi,

I open excel & word in radwindow and it is stopped by block popup. If that opens in normal window, no block popup message and the popup window closes by itself once excel or word document showing. For radwindow, I have to operate 2 actions closing excel or word and radwindow. May I have your suggestion to overcome?

Regards,

Duy

Window

answered on 04 Jun 2010

3 answers

176 views

Multiple ListViews w/RadAjaxManager

I am working with 3 ListViews on one page. The first listview updates the second when an item is selected. The second updates the third when an item in the second ListView is selected.

I would like the third listview to be hidden until an item has been selected from the second listview, however, I am getting an error with the Ajax manager that the panel for the third listview cannot be found.

I have tried it with "visible=false", "style=display:none", as well as not binding it until needed, all options cause errors with the RadAjaxmanager.

Can you please help me figure out the proper way to show/hide the listviews while still making them available for ajax updating??

Thank you! Code below:

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" > 
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="pGalleries">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="pGalleries" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                            <telerik:AjaxSetting AjaxControlID="pGalleryImages">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="pGalleryImages" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                          <telerik:AjaxSetting AjaxControlID="pImage">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="pImage" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Forest" InitialDelayTime="0">  
        
                    </telerik:RadAjaxLoadingPanel> 
        
                   <!-- GALLERY VIEW --> 
        
                        <telerik:RadListView ID="lvGalleries" runat="server"  PageSize="2"  OnItemCommand="lvGalleries_ItemCommand" OnNeedDataSource="lvGalleries_NeedDataSource" 
        
                        ItemPlaceholderID="PlaceHolder1" AllowPaging="true" DataKeyNames="gallery_id">  
        
                        <LayoutTemplate> 
        
                         <div style="float:left">  
        
                                <asp:Panel ID="pGalleries" runat="server">  
        
                                        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> 
        
                                     <telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="2" Skin="Forest">  
        
                                        <Fields> 
        
                                            <telerik:RadDataPagerSliderField  /> 
        
                                        </Fields> 
        
                                    </telerik:RadDataPager> 
        
                                </asp:Panel> 
        
                            </div> 
        
                        </LayoutTemplate> 
        
                        <ItemTemplate> 
        
                            <div class="category" style="padding:5px;width:120px;">  
        
                              <asp:ImageButton ID="imgGallery" runat="server" AlternateText='<%# Eval("gallery_name") %>' 
        
                                                Width="120px" CommandName="Select" ImageUrl='<%# String.Format("~/images/2010/80s Party IV/thumbs/{0}",Eval("gallery_image")) %>' /> 
        
                                                       </div> 
        
                        </ItemTemplate> 
        
                    </telerik:RadListView> 
        
                <!-- GALLERY IMAGES VIEW --> 
        
                <telerik:RadListView ID="lvGalleryImages" runat="server" DataKeyNames="gallery_image_id"  OnNeedDataSource="lvGalleryImages_NeedDataSource" OnItemCommand="lvGalleryImages_ItemCommand" ItemPlaceholderID="PlaceHolder2" AllowPaging="true" > 
        
                        <LayoutTemplate> 
        
                            <div class="sushibar">  
        
                                <asp:Panel ID="pGalleryImages" runat="server">  
        
                                   <fieldset> 
        
                                    <legend>Gallery Images</legend> 
        
                                        <asp:PlaceHolder ID="PlaceHolder2" runat="server"></asp:PlaceHolder> 
        
                                   </fieldset> 
        
                                    <telerik:RadDataPager ID="RadDataPager2" runat="server" PageSize="6" Skin="Forest">  
        
                                        <Fields> 
        
                                            <telerik:RadDataPagerSliderField  /> 
        
                                        </Fields> 
        
                                    </telerik:RadDataPager> 
        
                                </asp:Panel> 
        
                            </div> 
        
                        </LayoutTemplate> 
        
                        <ItemTemplate> 
        
                                <asp:ImageButton ID="GalleryImage" runat="server" AlternateText='<%# Eval("image_caption") %>' 
        
                                    Width="120px" CommandName="Select" ImageUrl='<%# String.Format("~/images/2010/80s Party IV/thumbs/{0}",Eval("gallery_image")) %>' /> 
        
                        </ItemTemplate> 
        
                    </telerik:RadListView> 
        
                     <!-- SINGLE IMAGE VIEW --> 
        
                   <telerik:RadListView ID="lvImage" runat="server"   OnNeedDataSource="lvImage_NeedDataSource" ItemPlaceholderID="PlaceHolder2" AllowPaging="true" > 
        
                        <LayoutTemplate> 
        
                            <div style="float:left">  
        
                                <asp:Panel ID="pImage" runat="server">  
        
                                   <fieldset> 
        
                                    <legend>Gallery Images</legend> 
        
                                        <asp:PlaceHolder ID="PlaceHolder2" runat="server"></asp:PlaceHolder> 
        
                                   </fieldset> 
        
                                    <telerik:RadDataPager ID="RadDataPager2" runat="server" PageSize="1" Skin="Forest">  
        
                                        <Fields> 
        
                                            <telerik:RadDataPagerSliderField  /> 
        
                                        </Fields> 
        
                                    </telerik:RadDataPager> 
        
                                </asp:Panel> 
        
                           </div> 
        
                        </LayoutTemplate> 
        
                        <ItemTemplate> 
        
                                <asp:ImageButton ID="GalleryImage" runat="server" AlternateText='<%# Eval("image_caption") %>' 
        
                                    Width="500px" CommandName="Select" ImageUrl='<%# String.Format("~/images/2010/80s Party IV/slideshow/{0}",Eval("gallery_image")) %>' /> 
        
                           <%# Eval("image_caption") %> 
        
                        </ItemTemplate> 
        
                    </telerik:RadListView>

ListView

answered on 04 Jun 2010

2 answers

143 views

[Solved] not able to hide Delete link

hi

I don't seem to be able to hide the Delete command based on certain condition? These are my code:

<telerik:GridBoundColumn DataField="Invitation_Date" DataType="System.DateTime"
            HeaderText="Invitation Date" DataFormatString="{0:dd/MM/yyy}" SortExpression="Invitation_Date"
            UniqueName="Invitation_Date">
        </telerik:GridBoundColumn>
        <telerik:GridButtonColumn ButtonType="LinkButton" CommandName="Delete" ConfirmText="Are You Sure?"
            HeaderText="Delete" Text="Delete" UniqueName="DeleteColumn">
        </telerik:GridButtonColumn>

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound
        If TypeOf e.Item Is GridDataItem Then
            Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)
            If item("Invitation_Date").Text Is Nothing Then
                Dim btn As LinkButton = DirectCast(item("DeleteColumn").Controls(0), LinkButton)
                btn.Visible = False
            End If
        End If

End Sub

Grid

answered on 04 Jun 2010

7 answers

341 views

[Solved] How to set Editor's tool width in IE 8

Hi All,

We are using the telerik RadEditor (Editor for ASP.NET AJAX 2009_3_1314) using visual studio 2005. We are facing problem to set the tools's width property. It is not implementing in the IE8. We have a td which's width is 400px. Editor's tool width is displaying fine in the Firefox and Chrome, but when we browse it in IE8, it occuipy the more area of the td and cause the layout problem.

<telerik:RadEditor ID="tbDetails" runat="server" Width="400" ToolsWidth="400px" Height="500px" ToolbarMode="ShowOnFocus" >

</telerik:RadEditor>

Regards,

Sohail

Editor

answered on 04 Jun 2010

1 answer

59 views

Adding to dataitems on client side then retrieving them on postback

HI,
I have added a new item to the dataitems array on client side but on postback I don't see it in the items collection.
Any ideas how I can get this working?

function RebindGrid() {

var grid = $find(gsGridId);

var masterTableView = grid.get_masterTableView();

var dataItems = masterTableView.get_dataItems();

var item = dataItems[4];

Array.add(dataItems, item);

masterTableView.set_dataSource(dataItems);

masterTableView.dataBind();

}

Grid

answered on 04 Jun 2010

1 answer

219 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

215 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

187 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

128 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

297 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