how to make a beautiful button

Guides
, , ,
#1

This is exclusive for Tutorials! :star_struck:

maybe not
but well u learn a tutorial here that how to make a beautiful looking btn
AIM: image
THIS IS A GOOD UI BUTTON….kodebot can tell it :grin:
where it can be used?: it can be used in community apps… or any other apps

1st step:
open

then create or click any project

Step 2:

design

the steps for design goes like

image

resulting:

image

u can make it center align well that’s as per ur choice

and use some colors where ever possible

it seems as if it is a link and looks clean

also giving spaces is better

  • space % in width is 1%
  • background for other components is transparent
  • then in card view set color to light gray
  • for plus use normal plus sign not materials icon

and

another

image
just bring that plus sign to left

and another is

image

they look good

also if u want to place images

use small images to make it look better

i do hope the guide was Ezi pizzy

ur done now

Hope you like Hit the :+1: Btn

by the way u can use emojis too may not look good
12 Likes
#2

nice guide

2 Likes
#3

Very Nice, I love Guides for Kodular :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :heart_eyes: :heart_eyes: :heart_eyes:

1 Like
#4

Hitted it so hardly :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :joy: :sweat_smile: :sweat_smile:

3 Likes
#5

This everything can be achieved with just one card view and two labels and one horizontal arrangement(for this particular case)

image

Result :point_down:

Screenshot_2021-01-27-16-51-02-52_bcf19fdaab5f528e1a140238641ca633
Screenshot_2021-01-27-16-51-02-52_bcf19fdaab5f528e1a140238641ca6331080Ă—2340 86.5 KB

6 Likes
#6

well @Ekansh_Pandit is suspended

2 Likes
#7

But his profile doesn’t displays anything related :thinking:

1 Like
#8

#off-topic
He is silenced not suspended i guess.

3 Likes
#9

yes i mean silenced

1 Like
#10

as he is silenced you can talk to him in discord - ask ekansh

2 Likes
#11

WOW!! Good job!!! :+1: :+1: :+1:

3 Likes
#12

Nice Work @Ekansh_Pandit, i like it :heart_eyes:

1 Like
#13

Nice work @Ekansh_Pandit , you progressed a lot … :+1:

2 Likes
#14

yup it is kind of easy

thanks to all @UnknownBeast @Salman_Dev @Ansh_Anand @windows_ubuntu and all those who loved the guide

2 Likes