How to create add and remove skills functionality in profile

foundevour1 · 2020-12-01T19:47:27.891Z

how to create add and remove skills functionality in profile. you can add new skills and they appear below and with an X button on the right to remove that skill.
like in Linky- Linkedin clone theme by zeroqode.

Also how to create additional functionality like

circle profile pictures instead of a square.
2.search bar with filters to search. users profiles like in Linkedin.
really hope you can help me with this.
Thanks for the help

Maciej · 2020-12-01T20:53:57.084Z

Hi @foundevour1

You have to add Image and set it height and width to the same numer (i.e. 60x60). Then create a new style and set Roundness to the same amount.

image771×279 11.4 KB

image637×884 60.7 KB

Great movie about search you can find here:
https://youtu.be/gF8mpZtfWLU

foundevour1 · 2020-12-02T04:03:56.225Z

Thanks Maciej, spent a lot of time trying to figure that out.

E4983EB4-21CE-442B-BF28-B6D496654F26_4_5005_c958×328 24.4 KB

do you know how i can create this functionality on the front end and backend. when Add new skill is clicked a pop up lets you add skills and it is automatically added below and you can click on X to remove it. how to create that?

Maciej · 2020-12-02T07:17:00.377Z

Could you please record a movie where you show it exactly it should work?

foundevour1 · 2020-12-02T07:36:29.030Z

can you check out this link-

Bubble

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Its in the my profile section.

Maciej · 2020-12-02T09:29:19.682Z

POPUP

Use Reusable element and add this to page.
Hide this element on load and use workflow to show this element.
on button Add make workflow with Create a new item

image700×763 31.3 KB
Below use Repeating Group to show added skills

FEATURED SKILLS SECTION

Use Repeating Group to show all added skills
Button “X” should have auto-binding option ON to edit elements in database in a moment.

foundevour1 · 2020-12-02T11:48:10.037Z

Thank you Maciej. Really appreciate the help.

Maciej · 2020-12-02T13:26:09.241Z

No problem @foundevour1. Let me know if my solution helps you

system · 2021-02-09T19:47:30.308Z

This topic was automatically closed after 70 days. New replies are no longer allowed.