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

AjaxManager and the Created Panel Display:Block problem

4 Answers 303 Views

Ajax

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

Basel Nimer asked on 08 Jul 2010, 11:52 AM

ajaxmanager-problem.png

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

Accepted