No Codeable
No Codeable
  • Видео 19
  • Просмотров 27 414
Swipe Interactions in a Bubble App
In this video, I demonstrate how to implement swiper interactions typical of behavior on a mobile platform in a Bubble.io web application using a free plugin and simple element animations.
Просмотров: 1 350

Видео

Google Chrome Extension built with Bubble.io
Просмотров 768Год назад
I show off a Google Chrome extension I built with the no code tool Bubble.io (and a little JavaScript) that helps me keep track of items to complete on the various pages of my Bubble.io app. I'm actually considering adding a dashboard and backend to this extension and then marketing it to Bubble.io developers and building a micro SAAS application. If interested, let me know in the comments and ...
This Bubble.io Plugin Changes everything
Просмотров 263Год назад
Bubble.io has long been a preferred no code tool for building web apps. The same could be said for Flutterflow being used for mobile apps. However, when you need both a web app and mobile app sharing the same backend, the solution(s) have been cumbersome at times. This new plugin changes the landscape of building both web and mobile apps in different no code platforms while sharing the same bac...
Building a Hero Section in Dittofi - Part 2
Просмотров 20Год назад
In this video, I continue in the series of rebuilding my website using Dittofi and wrap up the top Hero section. Again, in this video, we use the native Dittofi editor to add some styling to text, position things relative to other elements, and build out responsiveness.
Building a Hero Section in Dittofi
Просмотров 29Год назад
In this video, I continue my series where I rebuild my website previously built using Bubble.io using Dittofi. I build out the structure for my top Hero or Masthead section and show a few core concepts such as adding custom javascript snippets, using front end actions, and customizing elements using the built in editor.
Building a Responsive Navbar in Dittofi using no code - Part 2
Просмотров 34Год назад
In this video I continue building my responsive navbar in Dittofi using no code. I add a mobile menu to the navbar that opens when a button is clicked and is only viewable on smaller screens.
Build a Responsive Navbar in Dittofi using no code
Просмотров 62Год назад
In this video I begin the process of creating a mobile responsive navbar for a web application in Dittofi without using any code.
Dittofi and Bubble - Repeating Groups
Просмотров 62Год назад
This video shows the similarities and some differences between how Dittofi and Bubble.io handle repeating groups. Both handle them quite well and are straightforward to work with. If you are comfortable with Bubble.io, a lot of the concepts in Dittofi are very similar and should seem "natural" to you. If you have a specific topic you would like for me to address, please let me know in the comme...
Dittofi Partials vs. Bubble.io Reusable Elements
Просмотров 58Год назад
A quick video explaining the similarities of implementing partials in Dittofi and reusable elements in Bubble.io. Both tools handle this extremely well. I like Dittofi's way of handling this slightly better since the partial can actually be edited from any page it appears on.
Dittofi vs Bubble.io - Showing and Hiding Elements
Просмотров 121Год назад
In this video, I show you how to hide and show elements in both Dittofi and Bubble.io. This effect is easy enough to achieve in both tools and another great feature that is available to nocode developers.
Dittofi Variables and Actions vs Bubble.io States and Workflows
Просмотров 182Год назад
With all the recent uproar in the NoCode space recently, I though it would be good to start showing how to do similar things in different tools. In this video, I show you how to create a simple counter in Dittofi using variables and Front End actions and Bubble.io using states and Workflows. Hopefully this simple video will show some of the similarities and differences between these two powerfu...
Bubble.io Tutorial: Alternating Repeating Group Row Color
Просмотров 2,2 тыс.2 года назад
In this quick video, I will demonstrate how to add some styling to your repeating groups in Bubble by alternating the row color in the repeating group. For more no code and low code tips, trips and informational how-to's, please consider subscribing and hitting the notification bell. For no code and low code app development, business process automation, or consultation, visit nocodeable.dev Til...
Bubble.io Tutorial: Floating Header with New Responsive Engine
Просмотров 5 тыс.2 года назад
In this quick video, I will demonstrate how to create a floating header that stays on the top of the page when the page is scrolled. Like all my recent videos, this will be done leveraging the new responsive engine in Bubble.io For more no code and low code tips, trips and informational how-to's, please consider subscribing and hitting the notification bell. For no code and low code app develop...
Bubble.io Tutorial: Google Like Pagination
Просмотров 6 тыс.2 года назад
In this video, I demonstrate how to do simple pagination on repeating groups in Bubble.io using some icons and custom states. For more no code and low code tips, trips and informational how-to's, please consider subscribing and hitting the notification bell. For no code and low code app development, business process automation, or consultation, visit nocodeable.dev Till next time - Happy No Cod...
REMAKE: Tab Order of Bubble.io input fields
Просмотров 1,2 тыс.2 года назад
In this video, I demonstrate how to set the tab order of input fields in a Bubble.io form when using the new responsive engine released by Bubble. For more no code and low code tips, trips and informational how-to's, please consider subscribing and hitting the notification bell. For no code and low code app development, business process automation, or consultation, visit nocodeable.dev Till nex...
Bubble.io Tutorial: Enhanced User Icon
Просмотров 5302 года назад
Bubble.io Tutorial: Enhanced User Icon
Bubble.io Tutorial: User Profile Icon
Просмотров 1,9 тыс.2 года назад
Bubble.io Tutorial: User Profile Icon
Bubble.io Tutorial: Filtering a Repeating Group when Data is from an API Call
Просмотров 5 тыс.3 года назад
Bubble.io Tutorial: Filtering a Repeating Group when Data is from an API Call
Bubble.io Tutorial - Setting Tab Order of Input Form Fields
Просмотров 2,6 тыс.3 года назад
Bubble.io Tutorial - Setting Tab Order of Input Form Fields

Комментарии

  • @fariady
    @fariady Месяц назад

    it helped a lot. thank you

  • @wowtext9838
    @wowtext9838 3 месяца назад

    Thanks for the vid

  • @Scuurpro
    @Scuurpro 3 месяца назад

    Im not seeing my top page level in the data source in 2024 late July

  • @nicedez
    @nicedez 6 месяцев назад

    how did you make your app as a chrome extension

  • @topstops4213
    @topstops4213 8 месяцев назад

    thanks man! awesome

  • @franciscocastillosaker
    @franciscocastillosaker 10 месяцев назад

    Thanks for the tutorial. It would be awesome to see a video on how to do repeating group paging when Data is from an API call!

  • @hayttlesds
    @hayttlesds 10 месяцев назад

    With Table feature this cannot do the same.

  • @christinehuijunzhong2461
    @christinehuijunzhong2461 10 месяцев назад

    I am interested

  • @mervinhatten5513
    @mervinhatten5513 10 месяцев назад

    My laptop's fan is louder that the audio! I can barely hear anything even at max volume. Please boost the audio! Great video otherwise!

  • @monkmonk5270
    @monkmonk5270 10 месяцев назад

    great stuff!!

  • @KeyserSoze-k2f
    @KeyserSoze-k2f 10 месяцев назад

    Great Job and Thank You -- This was super enabling.

  • @JoonHoUm
    @JoonHoUm Год назад

    It is very helpful to me. I am really appreciated!😀

  • @ParasDhadwal
    @ParasDhadwal Год назад

    my filtered by is not working properly your video 5:13 sec

  • @rf122
    @rf122 Год назад

    Thanks

  • @marmanlive
    @marmanlive Год назад

    Thank you so much for the tip. I've been searching for how to make a floating group responsive for 2 days, then it struck me at 1:18, it's just about min fixed-width. That simple but somehow skipped that part in my head. The trick with shadow is awesome too, thnx mate!

  • @malekaimischke2444
    @malekaimischke2444 Год назад

    thank you!

  • @A-agnitio
    @A-agnitio Год назад

    Amazing! thank you

  • @cinthyamayerlyrondonafanad6649

    Hello, thanks for the video. Can you help me with the rows per page field? I can't set the correct condition 😮‍💨

  • @P3BlackOps
    @P3BlackOps Год назад

    Really well done.

  • @davelauren1949
    @davelauren1949 Год назад

    Hey there! It's been about three months since you made that video! I'm really curious, how's your experience been testing out Dittofi? I'm a big fan of AppGyver myself, but you know, the whole vendor lock-in thing can be a hassle. I stumbled upon this tool just a week ago, and it seems pretty promising. So, I'm really interested in hearing your take on it!

  • @rinkashiki02
    @rinkashiki02 Год назад

    Hi how can I make the page count dynamic if for example I filter by status?

    • @nocodeable
      @nocodeable Год назад

      You can check out this video for examples of how to filter repeating groups using custom states. ruclips.net/video/6Fykdt81Xmg/видео.html Otherwise, your filter could just be a new database query with the constraints you prefer.

  • @Mrbalaatyt
    @Mrbalaatyt Год назад

    Good post. Thank you for sharing. Can you please also share a video on how to add a status dot on the icon? Thanks

  • @oceaneveryday
    @oceaneveryday Год назад

    ​ This is fantastic, thank you!! Also, I'd LOVE to see a way to implement a "Go to page x" function, as it would nicely complement what you've shown here... Any thoughts on how to do that?

  • @IsaacBG84
    @IsaacBG84 Год назад

    Hello, how do i refresh the repeating group content?

  • @IsaacBG84
    @IsaacBG84 Год назад

    Awsome, a great example how to do pagination without using javascript modules

  • @lucianoxborges
    @lucianoxborges Год назад

    Hi I have advanced a lot. But why the pages are accumulative in my case, for example in your 3rd page only shows last 2 items, and mine shows mixing the 2nd and 3rd page.

    • @michaelwinther894
      @michaelwinther894 Год назад

      Hi @lucianoxborges Just enable the "Show partial list on last page"-flag on the repeating group (the flag can be found within the "Appearance"-tab). Didn't see it either to begin with :)

  • @bradleymarabel-whitburn1715
    @bradleymarabel-whitburn1715 Год назад

    Fantastic explanation, much better way of doing pagination than using a third party plugin

  • @ose.sketch8737
    @ose.sketch8737 Год назад

    Can you tell the same for checkboxes? Even if I select multiple checkboxes like blue shirt and full sleeves filter should return the specific filtered data.

    • @nocodeable
      @nocodeable Год назад

      You certainly could include multiple filters based on multiple checkboxes being selected and assuming the api of course supports the additional filters.

  • @marseaufranco
    @marseaufranco Год назад

    Tks Great Tutorial....

  • @brettleclerc
    @brettleclerc Год назад

    Finally an easy-to-implement pagination solution without the need for a dedicated plugin. Thanks a lot!

  • @pulsemarket4830
    @pulsemarket4830 Год назад

    Thanks a lot great vid

  • @engajus
    @engajus Год назад

    Awesome!

  • @alansinger7219
    @alansinger7219 Год назад

    Excellent video - very well presented - very clear - Well done and thank you!!

  • @phc41hot1
    @phc41hot1 Год назад

    Thanks for sharing, excellent tutorial.

  • @aymanbakir
    @aymanbakir 2 года назад

    Thank you for the video and the explanation. My forms are complex in structure and grouping to be responsive and user-friendly; each field is in a group, and for each input field, there is an icon to show if the entry is valid and a text element to display a message on how to enter the data. Sometimes the elements are dropdown, check box, or select date. Currently, I have to click the tab button couple of times to move to the next field, and for the dropdown, I don't see a cursor or focus. How can I fix the tab order issue without using plugins? I appreciate your help in advance

  • @joseluismedellin7394
    @joseluismedellin7394 2 года назад

    Awesome Video! Do you have a video showing how to do the page/ pagination dropdown selection?

  • @Sunny_and_monika
    @Sunny_and_monika 2 года назад

    thank you so much sir..

  • @rudib1119
    @rudib1119 2 года назад

    Great explanation! Thanks :)

  • @vocabularyai
    @vocabularyai 2 года назад

    how you setup this APi calll??????????????//

    • @nocodeable
      @nocodeable 2 года назад

      You will need to use the API Connector Plugin by Bubble

  • @NewtonNegron
    @NewtonNegron 2 года назад

    great explanation, congrats and thanks you

  • @VictorHernandez-nz2rs
    @VictorHernandez-nz2rs 2 года назад

    Pleade keep these vifeos coming!!!

  • @JJ-fr2ki
    @JJ-fr2ki 2 года назад

    As title suggests, and my experience confirms, this won't work with the current engine. I like to stay away from Beta versions. If you fear Beta versions, like me just use a floating group as your header. So far this works. Any thoughts? Details: The parent-child box won't work with headers placed into floating groups. You can't put a header into a floating group as far as my (limited, but frustrating) experience shows.

  • @jeremybrennan1466
    @jeremybrennan1466 2 года назад

    Thanks for your video. In my case using groups to order fields was not feasible. I did find it easy to set the tab order by reordering (dragging) elements in the Element Tree. You can right click on an element/field and select "Reveal in Elements Tree" to go right to the Element in question.

    • @nocodeable
      @nocodeable 2 года назад

      The new responsive engine has definitely changed the way things work a bit. Reordering elements via the element tree is definitely a huge improvement and tremendous time saver.

    • @WellingtonCardoso1306
      @WellingtonCardoso1306 Год назад

      Eu tava preocupado aqui amigo. Muito obrigado pelo comentario que me ajudou! Saude!

  • @lopezznub
    @lopezznub 2 года назад

    And Tab = ENTER ?? Why add ? tks

  • @sanduk-theedtechcompany708
    @sanduk-theedtechcompany708 2 года назад

    Great explanation. Thank you 😊

  • @eng.leandrothome
    @eng.leandrothome 2 года назад

    Thank you, you helped me a lot. My congratulations for the videos. Just help me with one thing, I couldn't make the repeater group decrease like yours, what did you put in the layout? Greetings from Brazil.

    • @ixt2857
      @ixt2857 2 года назад

      I would also like to know

    • @cpt.hawkeye4077
      @cpt.hawkeye4077 Год назад

      Hi, I had same problem and it was solved by checkbox "Showpartial list on last page if needed" checkbox in repeatingGroup settings

  • @maxernststockburger9420
    @maxernststockburger9420 2 года назад

    great tutorial. seems like you're the only one who has actually figured out a way to do that. but is there also a way of doing this for a text based search? i need to filter my repeating group for jobtitles.

    • @nocodeable
      @nocodeable 2 года назад

      This would be somewhat dependent on the API you are using and if they have the ability to do text based queries - but practice the concept would be the same.

  • @carloshenriquebarbosa6368
    @carloshenriquebarbosa6368 2 года назад

    It will be great If you post how to make a reusable left sidebar with the new responsive engine! I'm struggling on how to make its behavior be on full size on the screen, adapting to any kind of content height

  • @גקיסויקיס
    @גקיסויקיס 2 года назад

    Thanks!

  • @KeeganLeary
    @KeeganLeary 2 года назад

    Awesome video - Will this work with your "filter a repeating group from API" implementation as well? I.E. if we are on page 1 and search for something on page 3 it will appear in the results? Thanks!

    • @nocodeable
      @nocodeable 2 года назад

      Most API's do allow for some pagination functionality so it would simply be a matter of ensuring the API logic was correct - but it could definitely work.