0

私は IE8 を使用しており、Orbeon 3.9 CE バージョンのサンドボックスでフォームを実行しています。IE8 でフィールドのコンテンツを表示しているときに、時間入力フィールドに小さな問題があることを確認しました。日付を入力した後、フォームは日付をフォーマットし、最後にa.mまたはp.mを追加しますが、この情報全体は、フィールドの右端にある時間画像を上書きするだけです。以下のスクリーンショットを参照してください。

ここに画像の説明を入力

ただし、この問題は IE の下位バージョンでは発生しません。互換表示でフォームを起動しましたが、問題を確認できませんでした。

ここに画像の説明を入力

また、この問題は、カスタム フォントとサイズを使用している場合にのみ発生します。アプリ全体が標準のフォントとサイズを使用しているため、Orbeon フォームでも使用する必要があります。

以下はサンプルコードです

<xhtml:html xmlns:xforms="http://www.w3.org/2002/xforms"
    xmlns:f="http://orbeon.org/oxf/xml/formatting"
    xmlns:xhtml="http://www.w3.org/1999/xhtml"
    xmlns:xxforms="http://orbeon.org/oxf/xml/xforms"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema"
    >

    <xhtml:head>

        <style type="text/css">
            input {
                font-size: .95em;
                vertical-align:top;
                font-family: monospace !important;
            }
        </style>
        <xforms:model xmlns:xforms="http://www.w3.org/2002/xforms"
                xmlns:xs="http://www.w3.org/2001/XMLSchema" id="main-model" >

          <xforms:instance id="form-instance">
            <form>
              <field-1></field-1>
            </form>
          </xforms:instance>

          <xforms:bind id="field-1" nodeset="instance('form-instance')/field-1" type="xforms:time"/>

        </xforms:model>
    </xhtml:head>

    <xhtml:body>

      <table>
        <tr>
            <td>
                Enter Time: 
            </td>
            <td>
                <xforms:input bind="field-1" id="field-1-id" /> 
            </td>
        </tr>
      </table>

    </xhtml:body>
</xhtml:html>

このコードでは、スタイルを削除すると問題なく動作しますが、使用する必要があります。したがって、回避策として、以下の css を使用することを確認しました

.xforms-type-time { width:115px !important; }

まとめると、Orbeon フォーム エンジンで可能な改善点はありますか?

4

1 に答える 1

0

デフォルトでは、コントロールの幅はに設定されてい8emます。ここでの私のテストでは、IE8やChromeよりもIE7の方が広く表示されますが、これらのブラウザーを使用する時間にはまだ十分なスペースがあります。CSSで入力が狭くなりすぎる場合は、提案したように、デフォルトのCSSをオーバーライドして幅を広くすることができます。

于 2012-10-31T21:55:15.290 に答える