CodeTea.io
Customize a view

Customize a view

A view can be styled with a linear gradient, a background image, a border and shadow, or an absolute position. Each option is set from the properties panel of the selected view.

1. Linear gradient view

Customize a view – Linear gradient view: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click button "+" to add new view
  2. Set height of view
  3. Set margin layout
  4. Click "+" to add new color
  5. Set color 1
  6. Set color 2
  7. Set vector for linear gradient
  8. Set border radius

2. Set image background

Customize a view – Set image background: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Copy link image url and paste into box

3. Set border color and border shadow

Customize a view – Set border color and border shadow: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Set border color
  2. Set border width
  3. Set border style
  4. Set vector shadow color
  5. Set blur
  6. Set color shadow

4. Set position absolute

Customize a view – Set position absolute: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Select view
  2. Turn on absolute
  3. Set position: top, left, bottom, right