Asp.net Ajax控件工具包 - 切換同一行上的按鈕

Question

我使用Ajax Control Toolkit的切換按鈕。

在我的網頁我想下面的佈局（全部在同一行）：

切換按鈕|文本框| Button | Button |切換按鈕

問題

目前，我有這樣的佈局：

切換按鈕|文本框| Button | Button |

<asp:CheckBox ID="CheckBoxToggleTips" runat="server" AutoPostBack="true" 
    OnCheckedChanged="CheckBoxToggleTips_CheckedChanged" /> 

<ajaxToolkit:ToggleButtonExtender ID="ToggleTips" runat="server" 
    TargetControlID="CheckBoxToggleTips" 
    ImageWidth="32" 
    ImageHeight="32" 
    CheckedImageAlternateText="Hide Tips" 
    UncheckedImageAlternateText="Show Tips" 
    UncheckedImageUrl="~/Images/lightbulboff.png" 
    CheckedImageUrl="~/Images/lightbulbon.png" /> 

HTML厚望

<div class="title"> 
    <span id="mainContentPlaceHolder_LabelDepartment">A&amp;H</span>&nbsp;Risks<br> 
    <div style="position: relative;"> 
     <a id="mainContentPlaceHolder_CheckBoxToggleTips_ToggleButton" href="" style="position: absolute; 
      left: 0px; top: 0px; width: 32px; height: 32px; font-size: 32px; 
      background-image:url(http://localhost:10833/Images/lightbulboff.png); 
      background-repeat: no-repeat no-repeat;" title="Show Tips"> 
     </a> 
    </div> 
</div> 

style屬性以上是自動生成

切換按鈕

代碼切換按鈕。所以我的問題是如何使用我自己的樣式而不是這個？或者我如何編輯left和top的值？

感謝

Answer 1

沒有理由爲什麼第二次切換按鈕應該是在第二行，如果它具有相同的CSS作爲第一個。我建議使用CssClass屬性，並確保它使用與第一個ToggleButton相同的類。你很可能用盡了寬度，所以將整個東西包含在外部DIV中並適當地設置寬度。希望這可以幫助。

Answer 2

它看起來像一個頁面佈局問題：檢查丟失的結束標記</div> 希望這會有所幫助。

問候，亞歷克斯

Answer 3

嘿，你可以通過這樣的CSS解析。

#mainContentPlaceHolder_LabelDepartment{ 
margin:0; 
padding: 2px; 
width: 223px; 
float:left; 
height:450px; 
    position: relative; 
} 

此示例代碼，你可以做你自己的代碼樣式切換按鈕

希望它可以幫助你。