0

我已经查阅过这个页面，但我的 ASPxButton 控件仍然显示在另一个之上。我在这段代码中遗漏了什么吗？我可以说已检测到样式，因为我可以在输入 CssClass 参数时自动完成样式。

页面：

<dxe:ASPxButton ID="_ASPxButton1" ClientInstanceName="_ASPxButton1" runat="server"
    Text="Print" AutoPostBack="False" CssClass="btnInline" >
    <ClientSideEvents Click="function(s, e) { window.print(); }" />
</dxe:ASPxButton>
<dxe:ASPxButton ID="_ASPxButton2" ClientInstanceName="_ASPxButton2" runat="server"
    Text="Close" AutoPostBack="False" CssClass="btnInline" >
    <ClientSideEvents Click="function(s, e) { window.close(); }" />
</dxe:ASPxButton>

CSS：

.btnInline 
{
    display: inline-table;
}
4

2 回答 2

0

这种风格似乎在较新的浏览器中以不同的方式运行。使用K18357 KB (p.3) 中的另一个解决方案来完成此任务。

PS我建议你直接联系DX人员。

于 2013-01-24T16:47:45.987 回答
0

一旦我更深入地研究了这一点，我意识到 ASPxButton 实际上是一个嵌入了各种 css 的表格，因此几乎不可能让这些“按钮”中的两个并排放置。

我最终只是将这些按钮编码为 asp:Button 控件，这让我摆脱了所有 DevExpress 样式的包袱。我能够将按钮设置为看起来就像一个 ASPxButton，所以现在一切正常。

页面：

<asp:Button ID="_ASPxButton1" Text="Close" runat="server" CssClass="devExpressButton" OnClientClick="showPrintView();" />
<asp:Button ID="_ASPxButton2" Text="Print" runat="server" CssClass="devExpressButton" OnClientClick="feePopupHide();" />

CSS：

.devExpressButton 
{
    border: solid 2px #475e78;
    background-color: #f3f3f3;
    font-weight: bold;
    height: 30px;
    width: 60px;
    color: #000000;    
    font-size: 9pt;
    font-family: Arial, Helvetica, Geneva, sans-serif;                  
    vertical-align: middle;         
    padding: 1px 1px 1px 1px;
    margin: 5px 5px 5px 5px;
    cursor: pointer;    
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
}
.devExpressButton:hover
{
    color: #FFFFFF;   
    font-weight: bold;
    background-color: #5D7B9D;
}
于 2013-01-24T18:02:03.903 回答