【OutSystems】HTMLとCSSでシンプルなメニューアイコンの作り方

ババーンと推参!
勇気無限大ミスターEです。

今回はOutSystemsでのHTMLとCSSでシンプルなメニューアイコンの作り方についてご紹介したいと思います!

1. 作り方

1.OutSystemsでHTMLを記載するにはHTML Elementを使用します。

2.Containerの中に配置します。
(デフォルトのタグはspanになってますので必要に応じて変えてください)

3.HTML Elementを3つ配置してContainerにStyleを当てます。

※ここまでのをHTMLで記載するとこんな感じです。

4.スタイルシートを開いてCSSを記載していきます。
(CSSの記載内容については今回は割愛します)

※CSSが対応している箇所は以下の通りです。

6.Publishして実画面を確認すると右上付近にメニューアイコンが表示されます。

  • URLをコピーしました!
目次