Enabled Button Lose style with RadAjaxManager on the page

10 posts, 0 answers
  1. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 24 Nov 2011 Link to this post

    Hi there,

    I have a few buttons and a RadAjaxManager on the page. Buttons are properly with css style if no RadAjaxManager on the page. As soon as I put a RadAjaxManager on the page and control these buttons, the enabled buttons style will gone.

    Please see the attached screen shot for the issue. The top line buttons in the screen shot are all disabled buttons, which are with style properly. The bottom line buttons in the screen shot shows that the "Add New" button Enabled, which has lost its style, and moved to the right most side.

    Can anyone please help to give some ideas on how to fix this? Thanks a lot.
       
  2. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 24 Nov 2011 Link to this post

    Any Suggestions?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 24 Nov 2011 Link to this post

    Hello Meng,

    What does your page markup for this page look like?
  5. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 28 Nov 2011 Link to this post

    Hi Kevin,

    Following is the ajax settings on my page, "gv_task" is the grid view to display data, "UC_TaskSubmit1" is the user contol that contains the buttons (Add new, Edit, Delete), "UC_TaskSubmit2" is the user control contains "Submit" and "Cancel" buttons. Thanks.

     

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="gv_task" />
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskDetailInfo1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskDownloadAddFiles1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskSubmit1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_ErrorMessage1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="ddl_dependencymilestone">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="ddl_dependencytask" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="40px" UpdatePanelRenderMode="Block"/>
                        </UpdatedControls>
                    </telerik:AjaxSetting>             
                    <telerik:AjaxSetting AjaxControlID="gv_task">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskDetailInfo1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskSubmit1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_ErrorMessage1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>            
                    <telerik:AjaxSetting AjaxControlID="UC_TaskDetailInfo1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="gv_task" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="UC_TaskSubmit2">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskSubmit1" />
                            <telerik:AjaxUpdatedControl ControlID="UC_ErrorMessage1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="UC_TaskSubmit1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="gv_task" />
                            <telerik:AjaxUpdatedControl ControlID="UC_TaskDetailInfo1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>                        
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" MinDisplayTime="1000">
    </telerik:RadAjaxLoadingPanel>
  6. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 28 Nov 2011 Link to this post

    Anyone can help? Please.
  7. Milena
    Admin
    Milena avatar
    224 posts

    Posted 30 Nov 2011 Link to this post

    Hi Meng,

    It is hard to reproduce the unwanted behavior based on the provided code.
    Can you give us some additional information about your project in order to simulate the same scenario on our side.

    I looking forward your reply.

    Regards,
    Milena
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  8. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 01 Dec 2011 Link to this post

    Hi Milena,

    Thanks for your reply. I will create a demo project for you to download.  

    Best regards,
    Meng
  9. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 02 Dec 2011 Link to this post

    Hi Milena,

    I have created a demo project to show the issue. But I cannot attach it in the post, as the RAR  file type is not allowed to upload. Could you please let me know how can I send you the project? Thanks.

    Best regards,
    Meng
  10. Milena
    Admin
    Milena avatar
    224 posts

    Posted 07 Dec 2011 Link to this post

    Hello Meng,

    It is not possible to send us a project via the forum, but  you can try to strip a  runnable sample code of your page and post it here.

    Kind regards,
    Milena
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  11. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 08 Dec 2011 Link to this post

    Hi Milena,

    The issue was fixed. It turned out our javascript and the css file caused the problem, not telerik. Thanks.

    Best regards,
    Meng 
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017