DevExpress 버튼을 인라인으로 표시

this page을 문의했지만 내 ASPxButton 컨트롤이 여전히 서로 위에 표시됩니다. 이 코드에서 뭔가 빠졌습니까? 내 CssClass 인수를 입력 할 때 스타일을 자동 완성 할 수 있기 때문에 스타일이 감지되었음을 알 수 있습니다.DevExpress 버튼을 인라인으로 표시

aspx 페이지 :

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

출처

2013-01-24 WEFX

일단 깊이 파서 들여다 보면 ASPxButton이 모든 종류의 CSS가 포함 된 테이블이라는 사실을 깨달았습니다. 따라서이 두 가지 버튼 중 두 가지를 나란히 놓을 수는 없습니다 -측면.

나는이 버튼을 asp : Button 컨트롤로 코딩했기 때문에 모든 DevExpress 스타일 수하물을 자유롭게 사용할 수있었습니다. ASPxButton처럼 보이도록 단추를 스타일링 할 수 있었기 때문에 모든 것이 이제 작동합니다.

aspx 페이지 :

<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-24 18:02:03 WEFX

이 스타일은 최신 브라우저에서 다르게 운영 될 것으로 보인다. K18357 KB (p.3)의 다른 솔루션을 사용하여이 작업을 수행하십시오.

P. 나는 DX 녀석에게 직접 연락하는 것이 좋습니다.

출처

2013-01-24 16:47:45 Mikhail

DevExpress 버튼을 인라인으로 표시

답변

관련 문제