Drupal Views Ajax Pagerスタイリングガイド

複数行のビューにAjaxページャを使用していますが、ページャは厄介なように見えます。ナビゲーションボタンをクリックすると、ロードアニメーションがブロックの右側にジャンプします。Drupal Views Ajax Pagerスタイリングガイド

ページャの要素をスタイルする方法とアニメーションを変更する方法の概要を説明したガイドがありますか？

出典

2011-02-18 Matthew Dolman

カスタムテーマを使用していますか？これをデバッグできるリンクはありますか？ビューでajaxページャ要素をクリックすると、.views-throbbingクラスがリンクに追加されます。ページャ自体は '

'にあり、通常は.pagerクラスを持つ順序付けられていないリスト（UL）です。[Firebug]（http://getfirebug.com）を使用してみてください。webdebには不可欠です – zerolab

私は禅のサブテーマを使用していますが、残念ながら私は現地で作業しており、リンクがありません。私は鼓動するクラスをチェックします、それは基本的に私がクリックしたリンクプラスクリックしたときにジャンプする青い円です。私はファイヤーバグを使用していますが、何が起こっているかを正確に見ることができるように、ロードの途中で一時停止する方法を見つけることができません。 –

あなたはFirebugのを使用しているので、それにページャのリンクのいずれかを選択し、いずれかの<a>要素はすでにクラスを持っている場合 - または - 右の要素をクリックして、新しい属性を追加views-throbbingを追加：class = "views-throbbing"

Views-throbbing in firebug

これは、Viewを何もしないで、要素がジャンプする理由をすべて知っています。

私はそれがスタイルシートのどこかに不正なフロートだと思われます。 .views-スロバーは、Drupalの6中のクラスに転落した場合

出典

2011-02-23 23:45:14 zerolab

ありがとう、私は必要なクラスではありませんでしたが、それは正しい方向に私を得た。私は.progress-disabledをfloat：noneに設定し、私のために修正しました。 –

それはあなたがこれらのいずれかをオーバーライドすることができますし、包みあなただけのジャンプを停止したいあなたが設定することができ

html.js a.views-throbbing, 
html.js span.views-throbbing { 
    background:url(../images/status-active.gif) no-repeat right center; 
    padding-right:18px; 
}

からこれらのデフォルトのスタイルを呼び出しますパディング - 右：0;

出典

2013-01-04 20:02:00 ryanmpls

Drupal Views Ajax Pagerスタイリングガイド

答えて

関連する問題