并排显示单选按钮答案

【问题标题】：Show Radio buttons side by side并排显示单选按钮
【发布时间】：2014-10-03 06:03:32
【问题描述】：

我正在研究 Siebel Smartscript。我想并排显示单选按钮，但默认情况下它们是在换行符之后出现的，如下所示：

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属性，但无济于事。请提出建议。

【问题讨论】：

有一个小提琴或其他可以检查 html 的东西会很有帮助。

标签： html css user-interface siebel

【解决方案1】：

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

【讨论】：