OutSystems Forge 日本語データベース [特選]

Tooltip

※このページで、ご紹介しているモジュールのダウンロードは、こちらまでお問合せください。

更新日： 2018-01-30 バージョン： 1.0.0 カテゴリー： Components, Widgets

概要：

ツールチップ表示をCSSを使いカスタマイズすることが出来ます。また、このコンポーネントは、jQuery UI等のプラグインが不要で軽量です。

詳細：

特徴

拡張プロパティにtitle属性を設定することでツールチップを表示することが出来るようになりますが、この表示はブラウザに依存し見た目を変えることができません。

通常表示は、以下のようになります。

そこで、このコンポーネントを使うことで、この見た目をCSSを使いカスタマイズすることが出来るようになります。

CSSの内容

.tooltip {
    display:none;
    position:absolute;
    border:1px solid #808080;
    border-radius:3px;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,.2);
    background-color:#f8f8ff;
    padding:10px;   
}

戻る