💥[FREE Plugin] Editing Element Position&SliderInputProperty

Showcase
1

I created a page to demonstrate the capabilities of two plugins.

11-07-2020 09-32-20
11-07-2020 09-32-201538×835 386 KB

https://helper-2020.bubbleapps.io/slider_input_property

  1. Using the form (1) you can change the appearance of the horizontal input slider. You can change colors, sizes, borders.

  2. Using the form (2) you can change the appearance of the vertical input slider. You can change colors, sizes, borders.

  3. Changing the value of the slider (3) you will see the work of the second plug-in with the help of which the size of the standard bubble shape element is changed. (3) changes the width of the shape.

  4. (4) changes the width of the shape.

  5. (5) you can move the shape

  6. (6) you can change the shape color (but this is without the plugin :))

  7. (7) you can track the current shape coordinates.

11-07-2020 09-47-36
11-07-2020 09-47-361535×874 388 KB

2 Likes
2

Link to my profile with plugins

11-07-2020 11-54-34
11-07-2020 11-54-341129×498 59.6 KB

3

Hi, i used the editing_element_position and its very powerfull for complex types of design, works well but need more documentation how to use because if i dont use some input value because i dont need, the debugger keeps a bug

:facepunch:

4

Perhaps when I have free time, I will make more detailed documentation. At the moment I only have one working sketch. I hope it helps you figure it out.

изображение_viber_2020-06-30_19-28-01
изображение_viber_2020-06-30_19-28-011200×1600 138 KB

изображение_viber_2020-06-30_19-27-59
изображение_viber_2020-06-30_19-27-591600×1200 143 KB

изображение_viber_2020-06-30_19-28-03
изображение_viber_2020-06-30_19-28-031600×1200 129 KB

3 Likes
5

Will this work with elements inside of a repeating group?

6

If you set a unique ID for each element, it should work well.

1 Like
7

Are you able to let us view the app’s editor in view-only mode?

8

03-08-2020 09-57-10
03-08-2020 09-57-101233×769 264 KB

03-08-2020 09-57-59
03-08-2020 09-57-591148×764 256 KB

03-08-2020 09-58-24
03-08-2020 09-58-241162×769 251 KB

03-08-2020 09-59-25
03-08-2020 09-59-251270×342 91.3 KB

03-08-2020 09-59-39
03-08-2020 09-59-391071×324 75.9 KB

03-08-2020 09-59-53
03-08-2020 09-59-531056×334 81.8 KB

03-08-2020 10-00-06
03-08-2020 10-00-061055×329 81.9 KB

1 Like
9

You can test the plugin settings on the test page

10

I don’t know why, but SliderInputProperty isn’t working. May be Im doing something wrong?

11

03-12-2020 22-30-41
03-12-2020 22-30-41870×786 98.8 KB

12

thank you for your answer.
I don’t have ID attribute row in my sliders appearance.

изображение
изображение730×591 15.5 KB

Do I need to enable some special settings?

13

05-12-2020 23-12-32
05-12-2020 23-12-321890×589 126 KB

14

thank you

15

Always happy to help :slight_smile:

16

When, i changed my windows size, its design changed back to its initial one.
the original slider’s width is dynamic (for responsive design case).

Is there a solution to use this slider input property for this case ?

17

13-08-2021 19-06-24
13-08-2021 19-06-24915×591 53.4 KB

1 Like
18

Nice work!

19

This is pretty neat! One question - what is the ‘Editing_Position A’ object and how do you get it? It is in one of your screen shots

Nagendra

21

hey i am using bubble to make a no code website that is using a AI backend that analyzes a map of a room and then gives the details about the map that how many rooms are there, the dimensions of the rooms and the objects on the room. so once i have the data about the dimensions of the room i want to make a group consist of children groups and want to size and locate according to the fetched data … can i do that with this plug in or is it not possible in bubble?