如何更改單選按鈕的位置並添加行分隔符

我試圖改變以下佈局沒有成功，我需要的是，下拉框將平行於第二個（RB2）單選按鈕（在右邊）而不是下面。 http://jsbin.com/xijohaqaci/1/edit?js,output 如何更改單選按鈕的位置並添加行分隔符

此外，我需要在標題下方和單選按鈕之間添加行分隔線（細線），它是如何實現的？

對於那些誰不知道它是什麼，這是SAPUI5

在渲染你應該把HTML/CSS（任何原生...），這是描述如何控制會看起來像。例如爲控制垂直我已經添加

oRm.writeAttribute('style','display:flex;flex-direction:column;align-items:flex-start');

來源

2015-11-06 shopia T

不知道這是你在找什麼，但你可以包裹_radioButtonGroup和_dropDownBox在<div>，然後應用到margin-top對準下拉第二個單選按鈕：

JS：

renderer: function(oRm, oControl) { 
    oRm.write("<div"); 
    oRm.writeAttribute('style','display:flex;flex-direction:column;align-items:flex-start;'); 
    oRm.writeControlData(oControl); 
    oRm.writeClasses(); 
    oRm.write(">"); 
    oRm.renderControl(oControl._title); 
    oRm.write("<hr"); 
    oRm.writeAttribute('style','border:0;display:block;width:100%;background-color:black;height:1px;'); 
    oRm.write(">"); 
    oRm.write("<div>"); 
    oRm.renderControl(oControl._radioButtonGroup); 
    oRm.renderControl(oControl._dropDownBox); 
    oRm.write("</div>"); 
    oRm.write("</div>"); 
    }

CSS：

#__box0 { 
    margin-top: 22px; 
}

然後，您可以添加具有適當樣式的<hr>以獲得水平線。

See it on JSBin here.

來源

2015-11-06 22:11:07 rphv

如何更改單選按鈕的位置並添加行分隔符

回答

相關問題