并排显示单选按钮

时间:2014-08-10 05:32:58

标签: html css user-interface siebel

我正在研究Siebel Smartscript。我希望并排显示单选按钮,但默认情况下它们会在换行符后显示,如下所示: enter image description here

html是通过swt动态生成的。单选按钮所在部分的部分如下:

<swe:control id="SSQuestion">
  <table valign="top" width="100%" cellpadding="2" cellspacing="0" border="0" class="AppletBack">
    <tr>
        <td width=20%>&nbsp;</td>
        <td width=75%>
            <span class="questLabel" align="swe:this.TextAlignment">
            <swe:this property="DisplayName"/>
            <swe:this property="RequiredIndicator"/>
            </span><br>
            <span class="scField" align="swe:this.TextAlignment">
                <swe:this property="FormattedHtml"/></span>         
        </td>
        <td width="5%">&nbsp;</td>
    </tr>
  </table>
</swe:control>

以下是上述在运行时的样子:

<SPAN id=SSQuestionList><TABLE class=AppletBack border=0 cellSpacing=0 cellPadding=2 width="100%" valign="top">
<TBODY>
<TR>
<TD width="20%">&nbsp;</TD>
<TD width="75%"><SPAN class=questLabel><SPAN id=s_2_1_7_0_d><B>Date of Birth<B></B></B></SPAN><SPAN id=s_2_1_7_0_r>&nbsp;</SPAN></SPAN><BR><SPAN class=scField>
<DIV id=s_2_1_7_0_ss>
<OBJECT style="HEIGHT: 49px" id=s_2_1_7_0 tabIndex=2997 classid=CLSID:07903935-5554-4827-87bf-f195bef987f7 width=500 height=20></OBJECT></DIV></SPAN></TD>
<TD width="5%">&nbsp;</TD></TR></TBODY></TABLE>
<SCRIPT defer>
SWEWriteInnerHTML(this.document.getElementById('s_2_1_7_0_ss'),'<object id=s_2_1_7_0 CLASSID="CLSID:07903935-5554-4827-87bf-f195bef987f7" HEIGHT=20 WIDTH=500></object>');
</SCRIPT>
</SPAN>

这是选择单选按钮区域的行:

SWEWriteInnerHTML(this.document.getElementById('s_2_1_7_0_ss'),'<object id=s_2_1_7_0 CLASSID="CLSID:07903935-5554-4827-87bf-f195bef987f7" HEIGHT=20 WIDTH=500></object>');

但我不确定如何改变它。我已经尝试了内联的css属性,但无济于事。请建议。

1 个答案:

答案 0 :(得分:0)

您看到的HTML是在Siebel HI应用程序中生成的。它使用Active X控件来显示UI对象,例如单选按钮。我知道在Siebel HI的范围内无法改变选项的位置。较新的Open UI框架为智能脚本生成标准HI,从而可以满足您的需求。