問題タブ [themeroller]

以前Themerollerはアプリのテーマを生成していましたが、アラートを作成するためにjQueryandを使用しています。jQuery UImodal dialog

Firefox 2 および 3 では問題なく動作します (見栄えもよくなります) が、IE 6 および 7 ではボタンが右にずれます。

IE のマージン バグに悩まされているようですが、回避策を見つけるために Themeroller CSS またはさらに悪いことに jQuery 生成コードを掘り下げる前に、簡単な修正があるかどうかを確認したかったのです。

ボックスは両方の Firefoxen で次のように表示されます。

同じボックスが IE6/7 でどのように見えるかを次に示します。

jQuery UI のデモ ページのボタンは、IE では少し見栄えがよくなりますが、サイズ変更バーの下では少し隠れています。ここで誰も「そうそう、修正方法は次のとおりです...」と言わない場合は、両方の CSS ファイルを並べて配置し、違いを把握する必要があります。

部分的に関連する問題が表示されますが、そこにある答えは私の問題には当てはまりません (私のダイアログ コンテナーには ui-dialog クラスがあるためです。

私はjQueryUIが初めてで、非常に基本的なものを見落としていると思います...

私の問題の簡単な説明

私はThemeRollerを使用して jQueryUI テーマをダウンロードしました。これにより、jQueryUI JavaScript ファイルも生成されます。Google でホストされているファイル ( ) を使用したいのですが、http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.jsこれを行ってもテーマが取得されません。ThemeRoller で生成されたスクリプトを使用する必要があるとは信じがたいです。なぜなら、もしそうなら、Google がホストする jQueryUI はまったく役に立たないからです! ここで何が間違っていますか??

詳細

そこで、次のように Themeroller から「Smoothness」テーマをダウンロードしました。

1. ThemeRollerサイトに移動します。
2. 「ギャラリー」ボタンをクリックします。
3. 「滑らかさ」テーマの下にある「ダウンロード」ボタンをクリックします。
4. .zip ファイル (フォルダー名を使用) をローカル ディレクトリ (たとえば、C:\jqueryui_test) に抽出します。

test.htmlここで、同じディレクトリに非常に単純なファイルを作成しました。このファイルの内容は次のとおりです。

ブラウザーで開くtest.htmlと、日付ピッカー コンポーネントのスタイルが設定されていません (背景画像などはありません)。しかし、Google がホストするjquery-ui.min.js行を ThemeRoller が生成した行 ( <script type="text/javascript" src="jquery.ui.all.js"></script>) に変更すると、ページは期待どおりにスタイル設定されます。

更新 私が受け入れた答えは実際には最終的な解決策ではありませんでしたが、それは私を正しい道に導きました. JQueryUI をダウンロードするだけで、たくさんのものを手に入れることができます。Google がホストするファイルは「jquery.ui.all.js」ファイルを置き換えるだけですが、「themes」ディレクトリは引き続き必要です。さらに、Themeroller テーマは 1.5.3 ではうまく機能しません (「1.5.3 ユーザー」リンクでさえも)。これは管理ページ専用だったので、組み込みの「フローラ」テーマを使用しました。jQuery UI 1.6 の方がはるかに優れているように見えますが、まだ「安定」リリースではありません (この記事の執筆時点では...)。

初めてダウンロードjqueryしjquery-uiて、昨夜使用/学習しました。

私はそれを機能させる方法を理解しました.今、themerollerでダウンロード可能/カスタマイズ可能なテーマをいじっています...（素敵なツール）.

これらのツールを最大限に活用するための最良の方法についての質問:

私は、独自のカスタム css を使用して好きな色/フォントで既に「テーマ化」しjquery/jqueryUIた既存のasp.netものに統合しています。「themeroller」アプリを使用して、jquery UI 要素を既存の css color/フォントスキーム。

本当の問題は、私はそれを逆にやっているのですか？themeroller でテーマを設計し、その生成された CSS をすべてのアプリに使用したほうがよいでしょうか? jquery 以外の UI 要素用に既に持っている css を模倣するために themeroller を使用するのとは対照的に?

themeroller を使用して CSS をダウンロードし、生成された CSS に基づいて jqueryUI 以外の CSS を作成できると便利であることがわかりましたが、それが一般的に受け入れられている方法ではない場合は試したくありません。途中で問題を引き起こすことになります。

最近、jQuery ThemeRoller テーマを適用した Web アプリがあります。ここで、単純な <h2> 要素を、ダイアログのタイトルバーまたは日付ピッカーのタイトルと同じ丸みを帯びた長方形の外観にしたいと考えています。より大きな jQuery UI 構造の一部ではない要素にこれらを適用するにはどうすればよいですか?

私は、Chrome のインスペクター ツール内で確認できる内容に基づいて、css クラス値を手動で設定するという道をたどり始めました。 m jQuery UI 内で発生する可能性のある CSS クラス割り当てロジックをバイパスします。

では、これらのスタイルを適用する簡単な方法はありますか?それとも、ヘッダーに css スタイルを明示的に設定する道を進むべきでしょうか?

現在、Zend Framework アプリケーションで ui-lightness テーマを使用していますが、両方を異なる目的で使用したいと考えています。現在、ブートストラップで次の行を使用して ui-lightness テーマを登録しています。

使用する別のテーマを追加するにはどうすればよいですか? 別のスタイルシートを追加した場合、アプリケーションはどのテーマを使用するかをどのように認識しますか?

私はサイトの構築に取り組んでおり、できるだけ多くのスタイリングに jquery ui テーマを使用しようとしています。jGrowl サイトには、テーマをロールできると書かれています。

サイトから：

1.2.2 の変更点 通知は、jQuery UI のテーマ ロールにできるようになりました。特に Jeff Chan に感謝します!

方法についての説明は実際にはありません。私は説明を広範囲に探しましたが、役に立ちませんでした。

私は最近 jquery(ui) をいじっていますが、個人の Web サイトにいくつかの jquery ビットを追加したいと考えています。そうですね、Theme Roller によって作成されたテーマは本当に素晴らしいので、jquery 対応のいくつかの部分だけでなく、Web サイト全体をそのようにしたいと思っています。では、 http://jqueryui.com/docs/Theming/APIにリストされている CSS クラスを、実際には JavaScript を使用しない独自のものに使用するのは間違っていますか? するように<div class="ui-widget">

私が見ていない、これを行うためのより簡単でクリーンな方法はありますか? これは通常のアプローチですか、それともやり過ぎですか?

論文オプション/デザインオプションのカスタムCSSを使用せずに、Webページの背景を変更する方法を誰もが知っています。

私のアコーディオン コントロールでは、ヘッダー スタイルをオーバーライドして、特定のペインのユーザー コントロール (ユーザーの名前とアドレスの入力など) が false の検証ブール値を返す場合、デフォルトのテーマ カラーの代わりに赤い背景を表示したいと考えています。

.Toggle を使用してクラスを変更する方法には問題ありませんが、そもそもテーマローラー クラスを取得する方法がわかりません。

どうすればいいですか？

ありがとう

ポール

jquery UIタブを使用していますが、スタイルを大幅に変更する必要があります。背景画像、境界線、ほとんどすべてを表示する必要があります。私はそれが最小限に見える必要があり、それが自己完結しているようではありません。

これを行うための最良の方法は何ですか？ただし、同じページにあるカレンダーウィジェットのデフォルトのUIスタイルを使用する必要があります。私はたくさんの研究をしました、そして誰もがテーマローラーを指しているようです。ただし、色や境界線の半径を変更したいだけではありません。がらくたを削除する必要があります。テーマローラーは、色などを変更するだけのようです（現実の世界ではあまり役に立ちません）。同じページの他のUIウィジェットのスタイルを変更せずにタブにCSSを適応させるにはどうすればよいですか（カレンダーをそのままにしておきたい）？

タブにjqueryUIを使用する価値はありますか？