Enabled Button Lose style with RadAjaxManager on the page

[Meng]

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.
   

[Meng]

Any Suggestions?

[Kevin]

Hello Meng,

What does your page markup for this page look like?

[Meng]

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>

[Meng]

Anyone can help? Please.

[Milena]

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

[Meng]

Hi Milena,

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

Best regards,
Meng

[Meng]

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

[Milena]

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

[Meng]

Hi Milena,

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

Best regards,
Meng