This is a migrated thread and some comments may be shown as answers.

AjaxManager and the Created Panel Display:Block problem

4 Answers 201 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Basel Nimer
Top achievements
Rank 2
Basel Nimer asked on 08 Jul 2010, 11:52 AM
Hello All,

I am using radAjaxManager with two buttons that are adjacent to each other, it seems that Ajax manager wraps the first button with a panel with display:block, this is causing the first button to display over the second button.

not sure why the display:block is used, but if it has to be used, is there a way to work around this?!!!

attached is the code and an image, and a snap of the generated code.

ASPX Code:
<div class="DialogButtons">
    <MyC:MyButton ID="btnDeleteYes" runat="server" Text="Yes"       CausesValidation="false" ></MyC:MyButton
    <MyC:MyButton ID="btnCancel" runat="server" Text="No"           CausesValidation="false" ></MyC:MyButton>                                                      
</div>
 
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnDeleteYes">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="btnDeleteYes" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
MyButton is a custom control to wrap the button in a DIV for theming and for using a display:inline-block in order to enable divs to be adjacent. DialogButtons is a class to center the buttons in the middle of the dialog.

 

Generated HTML:
<DIV class=DialogButtons><DIV style="DISPLAY: block" id=ctl00_ContentCPH_ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1_ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1uDel_btnDeleteYesPanel>
<DIV class="MyDivButton MyDivButtonTheme">
<DIV class="MyDivButtonCorner MyDivButtonTL MyDivButtonTLTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonBL MyDivButtonBLTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonTR MyDivButtonTRTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonBR MyDivButtonBRTheme"></DIV><INPUT style="BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none" id=ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1_ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1uDel_btnDeleteYes class="YCIButtonSize0 YCIButton" onclick="javascript:HideToolTip('ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1_ttt');" value=Yes type=submit name=ctl00$ContentCPH$rgInbox$ctl00$ctl02$ctl00$InboxActions1$ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1uDel$btnDeleteYes> </DIV></DIV
<DIV class="MyDivButton MyDivButtonTheme">
<DIV class="MyDivButtonCorner MyDivButtonTL YCIDivButtonTLTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonBL MyDivButtonBLTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonTR MyDivButtonTRTheme"></DIV>
<DIV class="MyDivButtonCorner MyDivButtonBR MyDivButtonBRTheme"></DIV><INPUT style="BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none" id=ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1_ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1uDel_btnCancel class="MyButtonSize0 MyButton" onclick="javascript:HideToolTip('ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1_ttt');return false;" value=No type=submit name=ctl00$ContentCPH$rgInbox$ctl00$ctl02$ctl00$InboxActions1$ctl00_ContentCPH_rgInbox_ctl00_ctl02_ctl00_InboxActions1uDel$btnCancel> </DIV></DIV>

4 Answers, 1 is accepted

Sort by
0
Basel Nimer
Top achievements
Rank 2
answered on 08 Jul 2010, 11:55 AM
Found it !!!!

While hidden i think,

code should be
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnDeleteYes" >
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="btnDeleteYes" UpdatePanelRenderMode="Inline" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
1
Accepted
Dimo
Telerik team
answered on 08 Jul 2010, 11:56 AM
Hello Basel,

http://www.telerik.com/help/aspnet-ajax/layout-problem-updated-controls-on-new-line.html

Sincerely yours,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Basel Nimer
Top achievements
Rank 2
answered on 08 Jul 2010, 11:59 AM
Wow, that was fast

Thank you Dimo, I already managed as you can see.
i wasnt lucky enough to dig into this before posting, my apologies.

0
Adrian
Top achievements
Rank 1
answered on 17 Jan 2012, 04:53 PM
Wow, Thanks Basel for posting the solution. That is maddening. It took me quite a while to figure out what was wrong.
Tags
Ajax
Asked by
Basel Nimer
Top achievements
Rank 2
Answers by
Basel Nimer
Top achievements
Rank 2
Dimo
Telerik team
Adrian
Top achievements
Rank 1
Share this question
or