ババーンと推参!
勇気無限大ミスター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して実画面を確認すると右上付近にメニューアイコンが表示されます。