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:
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:
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
>
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
>