3

最新の Foundation (3.x) を使用しています。KendoUI も使用し、Zurb のレスポンシブ機能を活用しながら、Kendo の JS ビット (グラフ作成など) を取得するための最良の方法は何ですか。

特にモバイル版のサイトで、これについて経験のある人はいますか? 何に気をつければいいですか？

ありがとう

4

4 に答える 4

6
  1. Zurb 4 と最新の Kendo UI を使用します。
  2. Zurb の app.scss ファイルに移動します。
  3. 次のコンポーネントをオフ (コメント アウト) にします: フォーム、カスタム フォーム、およびテーブル

奇妙な点が見つかった場合は、このヘルパー CSS を CSS 修正として使用し、剣道ウィジェットをラップする DIV にクラスを追加するだけです。

.foundation-kendo *, .foundation-kendo *:before, .foundation-kendo *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

例えば

<div class="foundation-kendo">
    <div id="grid"></div>
</div>

ステップ 3 に従えば、上記の CSS ハックはかなり不要なままです。

于 2013-05-14T23:18:36.260 に答える
5

Bootstrap ではなく、KendoUI と Foundation を一緒に使用することに非常に興味を持っていました。

そこで、KendoUI と Foundation の間にデザイン スタイルの問題がないかどうか、ここ数日でチェックし始めました。さて、いくつかの問題が発生しました。これが私がそれらを修正した方法です。

Foundation 4.3.1 と KendoUI Web 2013 Q2 を使用:

  1. KendoGrid ウィジェット: ヘッダーが高すぎます
    • Foundation の Table クラス スタイルのサポートを削除するだけです。

  2. KendoDropDownList ウィジェットおよび類似のウィジェット (つまり、ComboBox、DatePicker など) および KendoGrid のドラッグ アンド ドロップ: ポップアップ ウィンドウがリテラルから離れすぎている、ドラッグ アンド ドロップがポインターから離れすぎている

    body {
    position: static;
}


*[class*="k-"] {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
table {
    margin-bottom: 0px!important;
}

これは、KendoUI でほとんどすべてを正常に動作させるために追加する必要があるコードです (これまでのところ、不具合はまだ見つかっていないことを願っています)。「k-」で始まるクラスを持つすべてのタグにスタイルが適用されるため、最後のコードには注意してください (KendoUI チームでは、すべての名前に「k-」を付けるのが慣例です)。

お役に立てれば！:)

于 2013-07-31T13:20:09.290 に答える
3

リリースされたばかりの Foundation 4 を使用してみてください。彼らは jQuery の使用から Zepto に移行しました。これにより、競合が解消される可能性があります。ただし、Bootstrap には問題はありません。

于 2013-03-06T20:08:05.560 に答える
2

これがあなたが聞きたい答えかどうかはわかりません...また、それが正しい答えかどうかもわかりません...しかし、ここに私の経験があります.

Zurb Foundation 3 を使用して取り組んでいる既存のプロジェクトがあります。これは MVC4 Web アプリであり、VS2012 を使用しています。Foundation のレスポンシブ デザインはとても気に入っていますが、いくつかの Kendo Widget を使用したいと考えていました。

Foundation を使用せずに標準の MVC プロジェクトでウィジェットを使用して学習/実験を行った後、Foundation を使用して Kendo をプロジェクトに組み込むことにしました。私はそれを機能させるために半日を費やしましたが、2つを一緒に機能させることはできませんでした. 基礎的なものを引っ張り出せば、剣道的なものは問題なく機能します。これを機能させるためにこれ以上時間を費やすのではなく、代わりに twitter ブートストラップに移行することを考えています。

このブログhttp: //www.kendoui.c​​om/blogs/teamblog/posts/13-01-18/easy_application_layout_with_twitter_bootstrap.aspx によると、Kendo のものは bootrap でうまく機能するはずであり、私たちの目的のためには、ブートストラップは私たちのアプリでも同様に機能します財団がしたように。

幸運を！

于 2013-01-28T22:17:37.793 に答える