2010-12-09 7 views
1

Ich habe gerade die Telerik-Steuerelemente in einem kleinen Webprojekt mit DevExpress-Steuerelementen ersetzt. Jetzt werden diese Steuerelemente trotz Inline-Anzeige als Container nicht mehr inline gerendert. Was könnte das verursacht haben, und was kann ich tun, um diese fehlerhaften Steuerelemente wieder in die Reihe zu bringen?Halten von DevExpress-Steuerelementen in ASP.NET-Webformularen

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

Antwort

3

Wir haben erklärt, wie dieses Problem in unserer Wissensdatenbank zu adressieren:

Possible ways of arranging DevExpress controls within a page

+0

Es ist sowohl ein Komfort, dass Ihr KB so gründlich dies anspricht, und beängstigend, dass es notwendig ist. Sicher sollte das Standard-Rendering für eine einfache Schaltfläche das native Rendering ohne Tabellen sein? – ProfK

1

Sounds wie die DevX-Steuerelemente haben einige CSS, die Sie überschreiben müssen.

Für den Anfang, würde ich versuchen, das Hinzufügen von wichtigen Flagge auf den Stil:

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

Wenn das nicht, wechseln Sie in die RadControls funktioniert wieder. Sie sind weit überlegen :)

+0

Angst wichtig hat nicht funktioniert, und die Konvertierung ist nur auf Client-Insistenz. – ProfK

1

Fast alle DevExpress Kontrollen werden als Tabellen wiedergegeben. Der Hauptvorteil dieses Ansatzes besteht darin, dass diese Methode eine gute Cross-Browser-Fähigkeit bietet, da es bei der Verwendung verschachtelter divs möglicherweise schwierig ist, ihre Positionen und Größen für alle Browser zu synchronisieren. Durch die Verwendung von Tabellen können Endbenutzer dieses Problem jedoch beheben.

[CSS] fügen Sie diese Zeile auf Ihrem css

.DXControlsInline {display: inline-table;} 

[ASPx] hinzufügen CssClass = "DXControlsInline" auf Kontrollen wollen Sie inline machen

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

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