課題
- カスタムフィールドで作成したGoogle Maps表示をレスポンシブにしたい
- https://developer.a-blogcms.jp/document/customfield/googlemaps.html#entry-0
の表示方法への対応
解決方法
- imgから始まる標示部分を、以下のタグで囲む。
<div style="display:flex;flex-wrap:wrap;”>
<img class="js-s2d-ready" src=“”…>
</div>備考
- imgで表記した内容は、a-blog cms側でdiv要素で再描画される。
- その内容について、flexを利用して標示幅の可変に対応する。
- https://datafarm.jp/case/sumaregi/と詳細ページの地図部分で上記を利用している。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
その他のa-blog cms一覧
-
FileMaker
FileMaker の自習室にて「レイアウト移動を記録して、便利に使う（Claris FileMaker - 10分でスキルアップ）」が公開されましたのコピー
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話開発をしていく中で「より便利に」と同じくらい「より簡単に」開発をしたいと思うことがあります。ですが、簡単にしてし...
続きを読む
-
a-blog cms
a-blog cms Training Camp 2025参加報告 （と、個人的な感情の驚き）
今回音声が全体的に小さくなってしまっております。 申し訳ございません。聞きづらいのですが、そのままアップさせていただきました。先日開催された「a-blog cms Training Camp 2025」に参加し、想像以上に多く...
続きを読む
-
a-blog cms
a-blog cms Training Camp 2025の感想レポート
a-blog cms Training Camp 2025に参加いたしました。参加の際にメモしたことを、ブログにて公開いたします。 今回のイベントの概要はこちらから確認できますので、ご覧ください。https://ablogcms.doorkeeper.jp/...
続きを読む
-
FileMaker
FileMaker の自習室にて「ポータルを使って、便利なカンバン表示を作る（Claris FileMaker - 10分でスキルアップ）」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話お客様の要望があって、そもそもは10年以上前から、この様なレイアウトはつくっていました。作るたびに発見や改善があっ...
続きを読む
-
FileMaker
Clarisカンファレンス2025参加レポート
FileMakerの“次の一歩”を感じた3日間Claris カンファレンス 2025 が無事に終了しました。私は 3 日間すべて参加し、製品の進化と実践的な事例から多くの刺激を受けました。 入場は紙チケットを印刷して持参する方...
続きを読む
-
FileMaker
FileMaker の自習室にて「マーメイド記法を使って、ガントチャートを表示する（Claris FileMaker - 10分でスキルアップ）」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話ChatGPTが流行り出してしばらくして「マーメイド記法」という言葉を耳にすることがありました。調べてみると「ガントチャ...
続きを読む
