Page Loader

※Forge全件データの日本語検索サービスをご利用になりたい場合は、こちらまでお問合せください。

Forge英文サイト

更新日： 2017-11-11 バージョン： 2.0.0 作者： Matheus Medeiros Platform： DB： All スタック： All カテゴリー： Components, Widgets

概要：

リンクまたは送信ボタンを押すと、読み込みページのオーバーレイが表示されます。

詳細：

特徴：同じボタンまたはリンクで複数のクリックを防止します。アクションが完了するまで、ユーザーがページとやりとりするのを防ぎます。手順：公開エレメント "ScreenLoader"への参照をeSpaceに追加します。ロード中のオーバーレイを表示するWeb画面に「ScreenLoader」をドロップします。クリックするとローダを表示するリンクまたはボタンに "LoaderPage"スタイルを追加します。任意： "ScreenLoader"要素を選択し、パラメータ "Text"でカスタム読み込みメッセージを設定します。パラメータ「アニメーション」を設定して表示される読み込みアニメーションを選択します。（「アニメーション」静的エンティティへの参照を追加する必要があります）アニメーション：サークルバウンスフェーディングサークル長方形ノート：ローダは、フロントエンド検証後にのみ表示されます。ローダは、クリックした後の最初のAjaxリフレッシュ時に破棄されるか、送信先にナビゲートされます。

[Overview]
Shows a loading page overlay when pressing a link or a submit button.

[Detail]
Features: Prevent multiple clicks at the same button or link. Prevent the user from interacting with the page until the action is done. Instructions: Add a reference to the public element "ScreenLoader" to your eSpace. Drop the "ScreenLoader" to the web screen that you want to show the loading overlay. Add the "LoaderPage" style to the links or buttons that will show the loader when clicked. Optional: Select the "ScreenLoader" element and set a custom loading message at the parameter "Text". Select the loading animation that will be displayed by setting the parameter "Animation". (Must add a reference to the "Animation" static entity) Animations: Circle Bounce Fading Circle Rectangles Notes: The loader will be shown only after the frontend validation. The loader will be dismissed on the first ajax refresh after the click or will navigate to the submit destination.

戻る