• コミュニティ

  質問の幅に合わせて余白を変更させたい

  トピックス by widget初心者 1792 pt  2023年9月13日 11:32 218 PV

  【Widget名】

  横スライド式アンケート※要javascript

  【修正したいこと】

  アンケートの設問内の余白が大きいです。

  質問の幅に合わせて余白を変更させたいです。

  【参考画像】

  https://drive.google.com/file/d/1TYP-AqAe50qYLLboSwHWhckZsgZn78kg/view
  

  widgetマスター   1 年, 2 月前 2 人 · 1 コメント

  • widget
  • アンケート
  • 横スライド式アンケート※要javascript
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年9月13日 17:20

  高さを表示コンテンツに合わせて自動調整するように、既存のWidgetを修正させていただきました！

  【Widget名】

  横スライド式アンケート ※要javascript

  【カテゴリー】

  アンケート

  【設置例】

  https://sb-draft-preview.squadbeyond.com/articles/HwxxBYeEKGfOQSZelLow/draft?token=88967a14ccd31a1d5c4ba710d5c01b9b

  現在作成されているWidgetにて修正する場合は下記の手順で修正をお願いいたします。

  
  

  1. 既存修正後の 横スライド式アンケートの Javascriptに入れ替える

  詳細：https://knowledge.squadbeyond.com/edit-page/put-on-widget

  
  

  2. 設問のHTML構成を下記に変更

  ■ 現在

  <div class="scroll-question-item">
    <div class="scroll-question-title"> 
      ...設問のテキスト...
    </div>
    <div class="scroll-question-content">
      ...選択肢...
    </div>
  </div>

  ■ 変更後

  各 item の 高さを取得するために 、それぞれの質問ごとにscroll-question-inner を追加

  <div class="scroll-question-item">
    <div class="scroll-question-inner">　※追加
      <div class="scroll-question-title"> 
        ...設問のテキスト...
      </div>
      <div class="scroll-question-content">
        ...選択肢...
      </div>
    </div>　※追加
  </div>

Log In to Reply