問題タブ [lumx]

Angular + Lumx を使用して webapp を開発しています。多くの列と多くの行を持つテーブルがあるダイアログを実装しているため、水平方向にも垂直方向にもスクロールします。

問題は、水平スクロール バーがページの最後にしか表示されないことです。しかし、この方法では、ユーザーが水平方向にもスクロールできるかどうかは明確ではありません。

水平スクロールバーを常に表示する方法はありますか?

どうもありがとう！

以下の画面でわかるように、水平スクロールバーはページの最後にいる場合にのみ表示されます

ページの最後で縦にスクロールしたら見えるよ

私は Bower 経由で LumX をインストールし、うなり声で Yeoman angular-generator で実行しています。

grunt ビルド後に開発を実行すると、すべてのアイコンが正しく表示されます。grunt build を実行して dist/ フォルダーを提供すると、すべてのアイコン ソースが GET 経由でエラーをスローします: /styles/fonts/ ANY OF THE FONT FILE INCLUDED ?v=1.2.64

ローカルホストですべてが機能することは理解していますが、それが参照され続ける理由を特定できないようです。

うなり声が縮小して以来、それが問題だと思いましたが、開発中に美しくロードされます。

説明と解決策をいただければ幸いです。

ありがとう！

HTML、Javascript、およびAngularJSを使用して Web アプリケーションを作成しています。私の UI では、LumXを試しています。Angular Materialを試してみましたが、IE では遅すぎました。

ただし、LumX を使用して単純にフォームを送信するのは困難です。理由は、ボタンを操作できないからです。LumX サイトには次のように明確に記載されています。

「lx-button は、href または ng-href 属性を指定した場合にリンク要素を作成するディレクティブです。それ以外の場合は、ボタン要素を作成します。」

ここに私が持っているものがあります:

次に、functions.jsファイルに次のものがあります。

add( )関数は、単純にその項目をリストに追加します。プログラムは通常のボタンで意図したとおりに機能するため、機能は機能しています。lx-buttonタグを使用すると機能しなくなります。

ありがとう。

formly-lumx を使用して、カスタムのコンボ日付フィールドの単純な相互検証を試みました。検証式は正常にトリガーされ、予期したとおりにエラーがスローされますが、メッセージはページに表示されません。検証への同じアプローチでフレックスコンテナなしで作成された他のフィールドは完全に機能します。いくつかの提案をすることをためらわないでください：

この素敵なLumxライブラリをAngularアプリの一部として使用し、datepickerを使用しようとしています: http://ui.lumapps.com/components/date-picker

lumx ファイルを含めて、アプリに適したスタイルのボタンが表示されますが、[日付ピッカーを開く] ボタンをクリックすると発生します。js エラーもないので、「vm」オブジェクトが正しく初期化されていないように見えますか? {{ vm.datePicker.basic.dateFormatted }} たとえば、何も表示されないため、初期化/スコープの問題のようです。

起動して実行するために、例のように HTML を使用しました。

視覚的には、ボタンは例のように表示されます。

次に、次の .js を controllers.js ファイルに追加しました。これも、管理できる限り例に近いものです。alert("a"); として初期化されていることはわかっています。アプリのロード時にポップアップします。これ以上のものを動作させることはできません。つまり、ボタンをクリックすると、日付ピッカーが表示されます。

私は正しく初期化していないことを知っていますが、誰かが私がここで間違っていることを見ることができますか? たとえば、 alert("b") が呼び出されることはありません。どんな助けでも素晴らしいでしょう!?

:

まず、質問のタイトルが適切かどうかわかりませんが、他に思いつきませんでした。より良い編集がある場合は、編集を提案してください。ありがとうございました。

Angular Material と LumX ライブラリの両方を使用する Web ページに取り組んでいます。他のすべてはすべてのブラウザーで正常に動作しますが、この特定のコード スニペットは、小さい画面モードの Safari ブラウザー (iPhone と Mac の両方) では正しく動作しません。

動作する残りのコードは省略しました。このスニペットのみが Safari ブラウザーで空白にレンダリングされますが、他のブラウザー (Mac の Firefox、Windows の Chrome、Android ブラウザー) では問題なく動作します。

具体的には、何かが 内にある場合div:

Safari はそれをレンダリングできます。たとえば、テキストを入力すると、すべて正常に動作します。LumXただし、画面が小さい場合はボタンをレンダリングできません。

このスクリーンショットは、画面サイズが小さい場合に Safari (左) と Firefox (右) でコードがどのようにレンダリングされるかを示しています。

Safari Web Inspector は、ボタン要素がそこにあることを示しています。

私はフロントエンド開発の初心者です。ここで何が起こっているのか分かりますか？プロジェクトを完了するのに本当に役立ちます。ありがとうございました。