Fiori Input label (Demo kit)

Updated:

1. Input label

[Sap Demo Kit][https://sapui5.hana.ondemand.com/#/controls] 사이트에서 필요한 기능에 대한 부분을 가져와서 사용할 수 있다. 사이트에 들어가서 Sample에서 Label을 검색한다.

image


이 중 label with input을 눌러준다.

image


download 옆 source 보기를 누르면 해당 소스를 확인할 수 있다. 필요한 부분만 복사해온다.

image


여기서는 두 번째 단락을 복사해온다. 이전에 만든 project1의 view1에 들어가서 넣어준다.

	<Label
			text="Label B (bold)"
			labelFor="input-b"
			design="Bold" />
		<Input id="input-b" />

image


적용시 다음과 같은 화면을 확인할 수 있다.

image

image
image