0

私は Zurb Foundation 5 で SimpleForm を使用しています ( https://github.com/plataformatec/simple_form#zurb-foundation-5で説明されているセットアップ)。

私の見解では、次のように記述することで、フォーム フィールドの Foundation ツールチップ (「名前を入力してください」など) を表示できます。

= f.input :name, input_html: {title: 'Type your name.', data: {tooltip: ''}}

これは素晴らしいことですが、構文上のオーバーヘッドが多すぎます。Foundation ツールチップを表示するためにビューで次の短い構文を使用できるように、SimpleForm を構成するにはどうすればよいですか。

= f.input :name, hint: 'Type your name.'

(私はすでにhttps://stackoverflow.com/a/28461799/4096216を読みましたが、カスタム ツールチップが必要ないため役に立ちませんが、Foundation 自体が提供するツールチップを使用したいので、httpを参照してください://foundation.zurb.com/docs/components/tooltips.html )。

回避策として、ビューヘルパーを作成しました

def hint(text)
  {input_html: {title: text, data: {tooltip: ''}}}
end

これにより、ツールチップを次のように表示できます。

= f.input :name, hint('Type your name.')

それにもかかわらず、私が書くことができれば、より良く/よりきれいに感じるでしょう:

= f.input :name, hint: 'Type your name.'

どんな提案も大歓迎です!:)

4

1 に答える 1