How to make this types ui design

Discuss
#1

fac
fac460×900 24.7 KB

this types ui design make in kodular

#2

First Card -
a Vertical Arrangement
a Card View inside it
a image inside it
a Label inside it

Second Card-
a Card View inside Vertical Arrangement
One more Card View inside the last Card View
Use Decoration Component to Give Red Border to the Card View.
a Horizontal Arrangement inside the Card View
2 Card Views inside Horizontal Arrangement
Decoration Component to Set Red Border of Both Card Views
One Label inside each Card View

Last - A Background image.

#3

and link box

#4

which one
:face_with_monocle:

#5

27_preview27
27_preview27460×776 114 KB

past link

#6

it was not in First image.
:wink:

#7

copy image

#8

tyh
tyh460×900 26 KB

#10

Label inside the Card View

#11

linkbox not used

#12

Use Textbox Component.

Set it’s Hint Property.
Hint Color - Grey.
Hint Text - Paste Link.

#13

ok i try it

1 Like
#14

Just do some experiments. It’s fun. You will learn more than this
There are lots of topic related UI. Just search

1 Like
#15

Main Problem was TextBox.
UI was Just wrong word used.

1 Like
#16

Ok got it :+1:

1 Like
#17