Problem with rad progress area design.

Thread is closed for posting
2 posts, 0 answers
  1. shadow
    shadow avatar
    58 posts
    Member since:
    Jun 2008

    Posted 27 Aug 2012 Link to this post

    Hello,

    I am facing a strange problem related to design of RadProgressArea.
    I have attatched an image. 

    It is not rendering the ProgressArea with proper design after postback.

    Any help...!!!
  2. shadow
    shadow avatar
    58 posts
    Member since:
    Jun 2008

    Posted 23 Oct 2012 Link to this post

    Hello,

    I am still having this problem....

    My upload and the progress area controls are in ajax panel.

    They render with correct styles on first page load, but after I upload some files, they are rendered without any design at all :(

    Here is my page markup.

    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
    <div id="ImageGallery_MainDiv">
        <telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" EnableSkinTransparency="true" Skin="Default">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" HorizontalAlign="NotSet" LoadingPanelID="LoadingPanel" Width="672px"
            Height="610px" ClientEvents-OnResponseEnd="mb_ManageBase_ImageGallery_SetInterface">
            <asp:HiddenField ID="hfGalleryID" runat="server" Value="0" />
            <asp:HiddenField ID="hfContentItemID" runat="server" Value="0" />
            <ModuleControls:MessageNotification ID="Notification" runat="server" MessageMode="Success">
            </ModuleControls:MessageNotification>
            <%----%>
            <ModuleControls:ConfigurationDockLayout ID="RadDockLayout1" runat="server">
                <ModuleControls:ConfigurationDockZone ID="RadDockZone1" runat="server">
                    <telerik:RadDock ID="GalleryEditConfigurationArea" runat="server" Title="ManageBase Gallery" DockMode="Docked" Collapsed="True"
                        DefaultCommands="ExpandCollapse" EnableRoundedCorners="true" EnableAnimation="True" Index="0" Tag="" EnableDrag="false">
                        <Commands>
                            <telerik:DockExpandCollapseCommand />
                            <telerik:DockToggleCommand AutoPostBack="true" CssClass="RadDockCustomSaveCommand" AlternateCssClass="RadDockCustomSaveCommandHover"
                                Name="CommandSaveGallery" />
                            <telerik:DockToggleCommand AutoPostBack="true" CssClass="RadDockCustominfoCommand" AlternateCssClass="RadDockCustomInfoCommandHover"
                                Name="Info" />
                        </Commands>
                        <ContentTemplate>
                            <table border="0" cellpadding="2" cellspacing="6" width="98%">
                                <tr>
                                    <td>
                                        <asp:Label ID="ltrSelectGallery" runat="server" Text="Administrera"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="ltrGalleryName" runat="server" Text="Gallery-namn"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="ltrGallerystill" runat="server" Text="Gallery still"></asp:Label>
                                    </td>
                                    <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <GalleryControl:ImageGalleryDropDown ID="ddlImageGallerys" runat="server" EmptyMessage="Välj Galleri" AutoPostBack="True"
                                            Font-Names="Arial" ForeColor="#666666" Font-Size="14px" Width="180px">
                                        </GalleryControl:ImageGalleryDropDown>
                                    </td>
                                    <td>
                                        <telerik:RadTextBox runat="server" ID="txtGalleryName" Columns="23" Skin="Default" Font-Names="Arial" ForeColor="#666666"
                                            Font-Size="14px" Width="180px">
                                        </telerik:RadTextBox>
                                    </td>
                                    <td>
                                        <GalleryControl:GelleryViewTypeDropDown ID="ddlGalleryPreviewType" runat="server" EmptyMessage="Välj still" AutoPostBack="True"
                                            Font-Names="Arial" ForeColor="#666666" Font-Size="14px" Width="180px">
                                        </GalleryControl:GelleryViewTypeDropDown>
                                    </td>
                                    <td>
                                        <telerik:RadButton ID="btnUpdateGallery" CssClass="ImageGallery_glUpdateGalleryStrip" Text="" runat="server">
                                            <Image EnableImageButton="true" IsBackgroundImage="true" />
                                        </telerik:RadButton>
                                    </td>
                                    <td>
                                        <telerik:RadButton ID="btnDeleteGallery" runat="server" CssClass="ImageGallery_glDelete" HoveredCssClass="ImageGallery_glDeleteHover"
                                            Text="">
                                            <Image EnableImageButton="true" IsBackgroundImage="true" />
                                        </telerik:RadButton>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td colspan="3" align="right">
                                        <telerik:RadButton ID="btnSaveGallery" runat="server" Text="Spara som nytt Galleri">
                                        </telerik:RadButton>
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </telerik:RadDock>
                </ModuleControls:ConfigurationDockZone>
            </ModuleControls:ConfigurationDockLayout>
            <div style="margin-top: 18px;">
                <asp:Panel ID="pnlDisplayGalleryConfiguration" runat="server">
                    <table border="0" cellpadding="2" cellspacing="6">
                        <tr>
                            <td>
                                <telerik:RadComboBox ID="ddlThunmnailSize" runat="server" AutoPostBack="true" Font-Names="Arial" ForeColor="#666666" Font-Size="14px"
                                    Width="180px">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="100 X 60" Value="100-60" Selected="true" />
                                        <telerik:RadComboBoxItem Text="110 X 70" Value="110-70" />
                                        <telerik:RadComboBoxItem Text="120 X 80" Value="120-80" />
                                        <telerik:RadComboBoxItem Text="140 X 90" Value="140-90" />
                                        <telerik:RadComboBoxItem Text="170 X 120" Value="170-120" />
                                    </Items>
                                </telerik:RadComboBox>
                            </td>
                            <td>
                                <telerik:RadComboBox ID="ddlBorder" runat="server" EmptyMessage="Välj inramning" AutoPostBack="True" Font-Names="Arial" ForeColor="#666666"
                                    Font-Size="14px" Width="180px">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="Raka hörn utan skugga" Value="CornerSimple" />
                                        <telerik:RadComboBoxItem Text="Raka hörn med skugga" Value="CornerShadow" />
                                        <telerik:RadComboBoxItem Text="Runda hörn utan skugga" Value="RoundedSimple" />
                                        <telerik:RadComboBoxItem Text="Runda hörn med skugga" Value="RoundedShadow " />
                                    </Items>
                                </telerik:RadComboBox>
                            </td>
                            <td>
                                <telerik:RadComboBox ID="ddlEffect" runat="server" EmptyMessage="Välj effekt" Font-Names="Arial" ForeColor="#666666" Font-Size="14px"
                                    Width="180px">
                                </telerik:RadComboBox>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align: middle">
                                <asp:Label ID="ltrImageWidth" runat="server" Text="Visning bredd pixl"></asp:Label>
                                <asp:TextBox runat="server" ID="txtImagePixelSize" Text="1000" Enabled="false" Font-Names="Arial" Width="40px" ForeColor="#666666"
                                    Font-Size="14px">
                                </asp:TextBox>
                            </td>
                            <td valign="middle">
                                <telerik:RadButton ID="btnOpenUploadWindow" runat="server" Text="Ladda upp bilder">
                                </telerik:RadButton>
                            </td>
                            <td valign="middle">
                            </td>
                            <td valign="middle">
                                  
                            </td>
                            <td valign="middle">
                            </td>
                        </tr>
                    </table>
                    <asp:PlaceHolder ID="phGalleryView" runat="server"></asp:PlaceHolder>
                    <uc1:GalleryViewSimple ID="GalleryViewSimple1" runat="server" Visible="true" />
                </asp:Panel>
                <asp:Panel ID="pnlUploadImages" runat="server" Visible="false">
                    <div style="text-align: right; margin-right: 20px;">
                        <telerik:RadButton ID="btnBackFromUpload" runat="server" Text="Tillbaka">
                        </telerik:RadButton>
                    </div>
                    <telerik:RadProgressManager runat="server" ID="RadProgressManager1" Skin="Transparent" />
                    <telerik:RadAsyncUpload ID="upImages" runat="server" MaxFileSize="10485760" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpg,.png,.jpeg,.bmp,.gif"
                        PostbackTriggers="btnUploadToServer" OnClientFilesUploaded="onClientFileUploaded" OnClientValidationFailed="onValidationFailed"
                        Skin="Transparent" Width="300px">
                        <Localization Cancel="Avbyrt" Remove="Ta bort" Select="Välj bilder" />
                    </telerik:RadAsyncUpload>
                    <telerik:RadButton ID="btnUploadToServer" runat="server" Text="Ladda upp till Galleriet" Enabled="false" AutoPostBack="false"
                        OnClientClicked="updatePictureAndInfo">
                    </telerik:RadButton>
                    <telerik:RadProgressArea runat="server" ID="RadProgressArea1" Skin="Transparent" Width="100%">
                    </telerik:RadProgressArea>
                    <telerik:RadNotification ID="RadNotification1" runat="server" Skin="Transparent" EnableRoundedCorners="true" EnableViewState="false"
                        EnableShadow="true" ShowTitleMenu="false" Position="Center" Width="300" Height="100">
                    </telerik:RadNotification>
                </asp:Panel>
            </div>
        </telerik:RadAjaxPanel>
    </div>
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top