2010-12-09 20 views
1

我剛剛用DevExpress控件替換了一個小型Web項目中的Telerik控件,但現在,儘管我將內聯顯示div添加爲容器,但這些控件不再呈現爲內聯。造成這種情況的原因是什麼?我能做些什麼來使這些錯誤的控制回到內聯?在ASP.NET Web表單上保留DevExpress控件內嵌

<div style="display: inline;"> 
    <label> 
     Department:</label> 
    <dx:ASPxComboBox ID="deptCombo" runat="server" AutoPostBack="false" ValueField="DeptId" TextField="DeptName" Width="250px" OnSelectedIndexChanged="deptCombo_SelectedIndexChanged"> 
    </dx:ASPxComboBox> 
    <label> 
     Production Date:</label> 
    <dx:ASPxDateEdit ID="productionDatePicker" runat="server" DisplayFormatString="{0:dd/MM/yyyy}" EditFormat="Custom" EditFormatString="dd/MM/yyyy" 
     ondatechanged="productionDatePicker_DateChanged"> 
    </dx:ASPxDateEdit> 
</div> 

回答

3

我們已經解釋瞭如何在我們的知識庫解決這個問題:

Possible ways of arranging DevExpress controls within a page

+0

你的知識產權如此徹底地解決這個問題既是一種安慰,也是令人恐懼的,這是必要的。當然,簡單按鈕的默認渲染應該是本地非表渲染? – ProfK 2010-12-10 03:41:30

1

聽起來像DevX控件有一些CSS需要重寫。

對於初學者來說,我會嘗試加入的重要標誌風格:

<div style="display: inline !important;"> 

如果不工作,切換回的RadControls。他們是遠遠優於:)

+0

害怕重要的是沒有工作,轉換隻是客戶堅持。 – ProfK 2010-12-09 19:14:15

1

幾乎所有的DevExpress控件都呈現爲表。這種方法的主要優點是,這種方式提供了良好的跨瀏覽器功能,因爲使用嵌套div時,可能很難爲所有瀏覽器同步其位置和大小。但是,使用表格可以讓最終用戶擺脫這個問題。

[CSS]在你的CSS中加入這一行

.DXControlsInline {display: inline-table;} 

[ASPX]添加的CssClass = 「DXControlsInline」 上的控件你想在線

<dx:ASPxLabel ID="ckArboviralDiseaseChikungunyaOtherSpecify" runat="server" CssClass="DXControlsInline" Text="Specify:"></dx:ASPxLabel> 
<dx:ASPxTextBox ID="tbArboviralDiseaseChikungunyaOther" CssClass="DXControlsInline" ClientInstanceName="tbArboviralDiseaseChikungunyaOther" runat="server" Width="350px"></dx:ASPxTextBox> 

來源:http://www.theedgesearch.com/2016/04/how-to-arrange-devexpress-controls.html