- Видео 104
- Просмотров 148 276
Daveden WebDev
Великобритания
Добавлен 21 мар 2016
Hi, I'm David, a web designer with over 5 years of experience. My focus is on creating accessible websites mainly using Elementor [Pro] or Bricksbuilder. I love exploring creative web design problem-solving, advanced CSS tricks, Web Accessibility, and Dynamic Data.
Conditional Calculated Form Logic in JetFormBuilder | Crocoblock Tutorial
In this tutorial, you'll learn about Conditional Calculated fields and all your available functions using three practical examples. Conditional Logic inputs and outputs can either be applied as strings or numbers.
► Video Series ◄
1. Calculated Form Fields in JFB - ruclips.net/video/pstPOKEOv7Y/видео.html
2. Conditional Calculation Logic in JFB (this video) - ruclips.net/video/yxqF1ggd1rA/видео.html
Subscribe for more Elementor and Bricks tutorials:
🔗 davedens.link/subscribe
► Support my channel ◄
Buy me kofi - davedens.link/kofi
Donate on PayPal - davedens.link/paypal
► Connect with me: ◄
📺 Subscribe: www.youtube.com/@daveden2
👍 Facebook: daveden2
🐦 X (formerly Twitter): x.com/Daved...
► Video Series ◄
1. Calculated Form Fields in JFB - ruclips.net/video/pstPOKEOv7Y/видео.html
2. Conditional Calculation Logic in JFB (this video) - ruclips.net/video/yxqF1ggd1rA/видео.html
Subscribe for more Elementor and Bricks tutorials:
🔗 davedens.link/subscribe
► Support my channel ◄
Buy me kofi - davedens.link/kofi
Donate on PayPal - davedens.link/paypal
► Connect with me: ◄
📺 Subscribe: www.youtube.com/@daveden2
👍 Facebook: daveden2
🐦 X (formerly Twitter): x.com/Daved...
Просмотров: 61
Видео
Date and Radio field not working? Bricksforge Frontend Update form [dd-CRR]
Просмотров 842 часа назад
Bricksforge v3.0.0 will be released soon. In this Community Rapid Response series, I'll look at a Bricksforge community question: "When trying to ask the user a yes/no question using Radio Wrapper and two radio buttons mapped to ACF meta fields, the values don’t update. This same issue occurs with Date Picker fields. I have checked that the ACF date format matches the Beaver Forms date picker f...
Master Calculated Fields in JetFormBuilder | Crocoblock Tutorial
Просмотров 1424 часа назад
In this tutorial, you'll learn all about Calculated fields and all your available functions. There are two types of calculations, regular number calculations and string concatenations. In the next video, you'll learn how to apply different conditional logic. ► Video Series ◄ 1. Calculated Form Fields in JFB - ruclips.net/video/pstPOKEOv7Y/видео.html 2. Conditional Calculation Logic in JFB (this...
Thank you all for your support in 2024
Просмотров 9816 часов назад
Thank you all for your support and friendship throughout 2024. We've had the opportunity to publish 84 videos and 16 live streams (100 in total!). 2025 is going to be even better!!!
Complex Calculation Form Logic using Bricksforge Pro Form
Просмотров 28519 часов назад
Bricksforge Pro Forms is a pretty powerful tool. Based on a community member's question, here is an example of a loan repayment calculator using Bricksforge Pro Forms. Subscribe for more Elementor and Bricks tutorials: 🔗 davedens.link/subscribe ► Support my channel ◄ Buy me kofi - davedens.link/kofi Donate on PayPal - davedens.link/paypal ► Connect with me: ◄ 📺 Subscribe: www.youtube.com/@daved...
Bulk Add Options to a Bricksforge Pro Form Select Field
Просмотров 15321 час назад
Here's a simple tutorial with ChatGPT to help you bulk upload options to Bricksforge Pro Forms using JSON-encoded data. Subscribe for more Elementor and Bricks tutorials: 🔗 davedens.link/subscribe ► Support my channel ◄ Buy me kofi - davedens.link/kofi Donate on PayPal - davedens.link/paypal ► Connect with me: ◄ 📺 Subscribe: www.youtube.com/@daveden2 👍 Facebook: daveden2 🐦 X (forme...
Frontend Post Submission form using Bricksforge Pro Forms
Просмотров 517День назад
In this detailed tutorial, I'll show you how to easily add your content, edit it and link your forms to Advanced Custom Fields (ACF) and the WordPress Post Fields. It works with ACF Relationship Fields, Checkboxes, Gallery Fields and others. Bricksforge 3.0 comes with powerful Pro Forms and Dynamic Tags. Subscribe for more Elementor and Bricks tutorials: 🔗 davedens.link/subscribe ► Support my c...
JetEngine 3.6.1: Add Semantic Lists (UL or OL) to your Listing Grid
Просмотров 36014 дней назад
In some cases, it's more appropriate to display posts as an unordered or ordered list. While this wasn't previously possible in JetEngine, the release of JetEngine 3.6.1 now makes it possible. This tutorial demonstrates how to implement this feature in Bricks Builder, the Block Editor, and Elementor. While it may seem counterintuitive at first since blog cards are often styled as a grid or flex...
Bricksforge Pro Forms: Frontend Update Post Form
Просмотров 42021 день назад
In this tutorial, you'll learn how to update a post on the frontend using Bricksforge Pro Forms Subscribe for more Elementor and Bricks tutorials: 🔗 davedens.link/subscribe ► Code snippet / Article ◄ daveden.co.uk/tutorials/guide-to-calculations-and-conditional-logic-using-bricksforge-pro-forms ► Further reading ◄ 🔗 Fieldsets with checkboxes - developer.mozilla.org/en-US/docs/Web/HTML/Element/i...
Taxonomy Term Colour in Elementor Loop Grid using JetEngine (No Timber/Twig)
Просмотров 16121 день назад
This tutorial follows a previous one in which I taught you how to dynamically apply Crocoblock JetEngine colour meta fields to category or custom taxonomy labels used in an Elementor Loop Grid. Adding visual cues like label colours improves user experience (UX) and adds beauty to your posts. ► Previous Tutorial ◄ ruclips.net/video/6mczcC9ClmM/видео.html ► Code Snippet ◄ Apply this code snippet ...
Elementor 3.26 Beta: Dynamic Off-canvas Modal for Loop Grids and More Optimisations!
Просмотров 460Месяц назад
Elementor 3.26 introduces several new features and quality enhancements, including the native ability to add a dynamic off-canvas modal in the Elementor Loop Grid! Third-party plugins or custom code are no longer necessary. The update also includes link styling options for the Heading widget and optimised markup, among other improvements. Join the discussion for the Elementor 3.26 beta update g...
Simple Content Toggle Switch in Elementor and Bricks
Просмотров 244Месяц назад
In this tutorial, you'll learn how to add a simple content toggle switcher in any page builder of your choice. ► Code Snippet ◄ 🔗 daveden.co.uk/tutorials/simple-content-toggle-switcher-in-wordpress Subscribe for more Elementor and Bricks tutorials: 🔗 davedens.link/subscribe ► Support my channel ◄ Buy me Kofi - davedens.link/kofi Donate on PayPal - davedens.link/paypal ► Connect with me: ◄ 📺 Sub...
Injecting Items into Query Loop using Dynamic Shortcodes | Web Accessibility
Просмотров 442Месяц назад
Injecting Items into Query Loop using Dynamic Shortcodes | Web Accessibility
CommandUI - A Powerful Command Palette for WordPress and Bricks
Просмотров 169Месяц назад
CommandUI - A Powerful Command Palette for WordPress and Bricks
Using Jet Engine To Add Term Color In Elementor Loop Grid
Просмотров 280Месяц назад
Using Jet Engine To Add Term Color In Elementor Loop Grid
Use YouTube API with Dynamic Shortcodes in WordPress
Просмотров 291Месяц назад
Use RUclips API with Dynamic Shortcodes in WordPress
Building Forms with Calculations and Conditional Logic using Bricksforge Pro Forms
Просмотров 3992 месяца назад
Building Forms with Calculations and Conditional Logic using Bricksforge Pro Forms
Order Events by Start Date | Prioritise Sponsored Posts | Elementor Loop Grid
Просмотров 2012 месяца назад
Order Events by Start Date | Prioritise Sponsored Posts | Elementor Loop Grid
Simple Tips to Improve Web Accessibility in Elementor
Просмотров 5242 месяца назад
Simple Tips to Improve Web Accessibility in Elementor
Hide button based on post Publish Status | Dynamic Shortcodes
Просмотров 1542 месяца назад
Hide button based on post Publish Status | Dynamic Shortcodes
Divi 5 Alpha: First Impressions by an Elementor User
Просмотров 7253 месяца назад
Divi 5 Alpha: First Impressions by an Elementor User
MetaBox Views vs Dynamic Shortcodes - My Rebuttal
Просмотров 2783 месяца назад
MetaBox Views vs Dynamic Shortcodes - My Rebuttal
Stylish Horizontal Accordion in Elementor: WDesignKit Widget Creator Tutorial
Просмотров 6933 месяца назад
Stylish Horizontal Accordion in Elementor: WDesignKit Widget Creator Tutorial
JetEngine Gallery + Bricks Nestable Slider Query Loop (No Code!)
Просмотров 5783 месяца назад
JetEngine Gallery Bricks Nestable Slider Query Loop (No Code!)
Accessibility Review - Six Tabs Blocks in WordPress
Просмотров 4194 месяца назад
Accessibility Review - Six Tabs Blocks in WordPress
Dynamically Populate the Select Field in Elementor Pro Form using Dynamic Shortcodes
Просмотров 1 тыс.4 месяца назад
Dynamically Populate the Select Field in Elementor Pro Form using Dynamic Shortcodes
External API Data in Any Page Builder Made Easy | Dynamic Shortcodes
Просмотров 9514 месяца назад
External API Data in Any Page Builder Made Easy | Dynamic Shortcodes
Populate Elementor Form Field based on Post URL Parameter using Dynamic Shortcodes
Просмотров 4444 месяца назад
Populate Elementor Form Field based on Post URL Parameter using Dynamic Shortcodes
Dynamic Mail List: Bricks Form using Dynamic Shortcodes
Просмотров 3874 месяца назад
Dynamic Mail List: Bricks Form using Dynamic Shortcodes
Thanks, you bring light into the dark. That's so helpful.
Much appreciated! 🙏 You're welcome
Awesome tutorial, I love it. Now how would you display a student's course grade, when the grade is already entered in the backend? On the frontend, you select a student name, and the course the student is taking is populated. You select a specific course and it displays that student's grade?
I'll think about it a bit more, but you could probably use JetSmartFilters and a loop grid for the students or some URL query parameters with dynamic tags. Once I get a better answer, I'll let you know.
Hi David, I follow most of your tutorials on JetEngine and your channel, because you really teach the best and rarest ones. I have a question that I am struggling with right now, how can I calculate the date of the post and write its amount in this way? From Post Date: 2024/12/30 To Post Date: One day and five hours ago
You can use the dynamic field widget. Choose the post date, select Filter Field Output, and choose Human Time Difference. If you want to use it in a dynamic widget, then you can use the JetEngine Shortcode Generator
Daved! It won't be good to make a video about membership website or subscription base project.
I'll add that to my list of potential tutorials. Do you have a preferred membership plugin?
@@daveden2 Membership For WooCommerce - SIMPLE MEMBERSHIP PLANS, RECURRING REVENUE, USER PROFILES & SIGNUPS, CONTENT RESTRICTIONS, AND MEMBER LEVELS WITH WooCommerce MEMBERSHIP. Also, member press, but it will be better to go with the free one that will be good for community. Thanks Daved
This is interesting! Thank you for sharing!
Thank you! There's so many nice things in JetFormBuilder.
Thanks David, people like you make people like me better.
I'm always happy to help. We all learn together in the end.
So BF doesn't work for Radio buttons and you have to use Dynamic Shortcodes? Or are you just waiting for an answer from Support?
BF should work without dynamic shortcodes but I haven't figured it out yet.
Can you show the Dynamic Data code you used to display the radio button values please
Here's the Dynamic Shortcode. Replace the 'field' with your ACF field name. [{for: label value {acf:field@setting=choices id={param-get:id}} [{"label":{get:label|json_encode}, "value":{get:value|json_encode} {if:{eq:{acf:field @id={param-get:id}} {get:value}} [, "active":"true"] ''} }] @sep=", "}]
Great
I hope this answers your questions. If you have any other questions, please let me know 🙏
@daveden2 yes i have problem sir don't tired I am building school management system so what I don't know if is possible that how a header master assign a teachers to a specific class example me as a head master I can assign john doe to class 1a, 1c only but student in 1b and all others class can't see what Mr john doe sent to his student and also Mike is a computer teacher can send result to a 2b and 1c only that specific students can see and also finally how a teacher can demoted a student or downgrade to a specific class or promoted them. Thank you
@@kasimmuhd5119 interesting. So like an LMS or membership website where you restrict different content to different user groups.
yes similar to this example me as headmaster how can see all my teachers from dropdown and also how to assign all my teachers to a specific class which our specific students can see
just like school portal like nursery school or primary school, secondary teacher can post attendance, exam, and send assignment to a specific class or studen only Thank so much for helping me
I've got the date working, can you explain your setup for radio button?
I just did a video. I used Dynamic Shortcodes for it: ruclips.net/video/DqXAAxEhF9c/видео.html
thanks
can I use this knowledge to create a mortgage calculator into a real estate website
Yeah, that's a good use case for the calculator. It should be the same formula as the example.
I'm still struggling with the Radio options and date fields not being uploaded.
The problem might be the return format. I've not had the time to test the date field yet. Is it an ACF radio field you're connecting to the BF radio element?
@@daveden2 I checked the return format, all set the same. Yes it's an acf radio button.
@@peteharrison3241 I just tested the post-submit form using the ACF radio and date fields and they work fine.
What are some of the features you love about JetFormBuilder?
In the next tutorial, you'll learn about conditional logic.
1st time with Bricks and Bricksforge. I'm coming over from Elementor. The vid is 8 minute in now, I'll post again if it all works when I'm done. Thank You for these!
Oh, nice! If you want a more structured version, you can check out: 1. Update Post on the frontend: ruclips.net/video/B8vlaboAtl0/видео.htmlsi=79phZrMVExGaEovU 2. Create Post on the frontend: ruclips.net/video/43TKQEa-RwQ/видео.htmlsi=EfgQmsPeGsEZFfzA There are some bugs in Bricksforge v2.2.7 regarding frontend forms, but those should be fixed in v3.0.
Evergreen content. Thank you
You're welcome 🙏
Can you add a Radio Yes/No option and see how you populate this?
I've been struggling a bit with the beta-2 update. How are you populating the radio options? Are you using Nestable or ACF Array?
Mine is a single yes/no field. I've tried using the same {acf_field: not_detected:url_parameter:id} for both radio buttons, but I can't find any documentation. Where are you getting your knowledge of V3 from, just trial and error and support tickets?
@peteharrison3241 Yeah, I keep leaning mostly by trial and error, reading the documentation, and looking at questions in the forum. Since you have dynamic shortcodes, I can do a quick video during the week showing how to use dynamic shortcodes to populate the radio fields.
Is there some V3 documentation?
@@peteharrison3241 no documentation available yet. Daniele mentioned that he's still working on it. It's mostly the videos published on the Facebook group that I'm working with.
Happy Holidays Dave. ❤️
Happy Holidays, Shawn! 🎄🆕️
thanks Daveden I really appreciate
Well done video. I am delighted to see how easy it is in Bricksforge to write those calculations.
Thank you! Yeah, Bricksforge makes it look so easy.
Bless you
Thank you! Merry Christmas 🎄
Thanks to you David too. I have learned from you and you've taken the time to look into questions I've had. Looking forward more interesting vids
Thank you! Hopefully, 2025 will be great and bring exciting new ideas.
Lovely video - Wish you all the best for next year!!
Thank you! Next year will be an even greater year for all of us.
Merry Christmas, Dave!
Merry Christmas, Kathy! Compliments of the season.
Very well said I liked the video
Thank you!! A very Merry Christmas to you and the family
Merry Christmas and Happy Holidays! 🥂
Cheers! Merry Christmas!!
Congratulations on your success
Thank you!! Happy holidays
Happy Holidays! Keep up the good work!
Thank you! I wish you both a wonderful holiday and a prosperous new year in advance!
Merry Christmas to you as well.
Thank you! Merry Christmas 🎄 See you in the New Year!
Happy holidays Dave! Enjoy your time off 😊
Thank you!! Merry Christmas. Have a wonderful time with your family.
Merry Christmas, dear Dave. I'm happy you are in my life, you bring motivation and energy, and teach such important things to the WordPress community. You are a wonderful person, the world is a better place with you in it.
Thank you very much! ❤️ I'm so happy to have you in my life as well! You've taught me so many things and encouraged me on my journey so far.
Great we need a tutorial on if condition using jetform calculation
That'll be coming next week.
Amazing video as usual! Are you going to show how to allow users to edit their submissions in future videos?
I did one previously, but I'll do an updated one later. Check it out here: ruclips.net/video/B8vlaboAtl0/видео.htmlsi=T1z2Ds_oWX7bypMe
how about JFB?
You can do it with JFB as well. I should have a video about it out on this channel by next week. You can check out this other tutorial as well: ruclips.net/video/Op77OkthNlw/видео.htmlsi=U4KrjrzSyMN1m94Q
@@daveden2 sure Sir
@ is Bricks fully compatible for crocoblock like Elementor? You’re personally use Bricks or Elementor for clients or personal projects or using both? And which one you’re prefer? Thanks
?
@@BilalShirzadDev Oh, sorry, I didn't send my response. Yes, Crocoblock is compatible with Bricks. I use JetEngine and JFB on many Bricks projects. Personally, I prefer bricks for my projects. I also still use Elementor when working with colleagues. To be honest, Elementor keeps getting better and better.
Great video. Well done! 😊
Thank you!!!
we need a video on how we can use if condition using calculate field in jeform builder like nested if also
Okay, I'll look into that.
In the meantime, have you had a look at this video? It shows some conditional logic ruclips.net/video/Op77OkthNlw/видео.htmlsi=Quqja7UQG6uYvgwV
@@daveden2 i wached it but not enough in explanation
@kasimmuhd5119 Okay, do you have any specific example I should use?
@@daveden2 yes example if(a2>50,"A",if(a2>60,"B",E)
Great tutorial! I would like to learn how to make a restaurant menu card with ACPT (or ACF) and BricksForge.
Thanks! Okay, I'll look into that. Do you have an example of the features you're looking for?
Your videos are pure gold!
Thank you!!!
My friend, awesome content!
Thank you!!!
Great video David, looks like Bricksforge V3 have come along way with this version. The only thing I would say is to next do some proper form layout customisation, they look a bit clunky all the fields being 100% wide, I hope they have put as much thought into the design as they seem to have in the technical structure of the form
Yeah, v3.0 is awesome! I'll look into some form layout designs soon.
Look forward to it. I just downloaded V3 and am having trouble with showing related custom posts via a select element, it doesn't seem to generate valid html with the <options> outside the Select
@@peteharrison3241 are you trying to show only the related posts to a specific post in the select field? First, you need to get the ID of the post you want, then you could either: 1. Set the populate option to nestable and use the query loop on the nested option element, or 2. Use the dynamic data populate option. Please feel free to share your specific requirements via email and I'd be happy to take a closer look.
No I'm showing all the posts from the related cpt. I want the user to be able to select multiple selections. I have far too many entries to use check boxes like you did
@@peteharrison3241 Good point. Is it possible that the option element was not placed as a nested element inside the select element?
Great tutorial!
Thank you!!!
Great tutorial Daveden... 👍🏻 I have done this in one of my project but there was an issue on editing gallery images. I hope we can edit /change gallery images from front-end on version 3.
I am also experiencing a minor bug with the Pro Forms and ACF Gallery in the 3.0 beta, which I have reported on the forum.
@@daveden2 Thanks for the update... hope this gets fixed soon...
This was great, Dave. Very good to see that all of these are now possible. I'll explore it some more! Welldone!
Thanks! Yeah, I can't wait for the final release of v3.0. Maybe you can do some im-depth tests with JetEngine as well.
Awesome!
Thank you and Well done David, bricksforge 3.0 solve it now
Yeah, v3.0 solves a lot of our problems.
Which Customs Fields plugin should I use next with Bricksforge?
Jetengine of course.
@@web-atelier, I'll look into that next!
Thank you!!! That was quick and very easy! Tipp: Change the title to "Without elementor" then i would have found it faster.
Thanks for the tip!
Thank you for your video! I am new to the website terminology, and I am trying to find out where i can find a shortcode CSS, to use in the Additional CSS in the WP customiying part under Appearance. Im using a free template, and i am thinking its no short code to customize because they want me to upgrade to Pro? Do you know if there is a Code for CSS for the free template versions. Im using Basic gallery elementor. How did you get that shortcode if you dont mind telling me? Im very grateful for any answer in adavance! All the best, Kitty B,
Hi Kitty, I didn't use any shortcode in the video. I used the basic gallery widget and added a class name to it. Then I styled that class name inside the Customiser area of my theme. You can also use a free plugin called Code Snippets Pro to add your custom css. If you're having any issues, you can email me directly at helpdesk@daveden.co.uk
@@daveden2 Thank you SOOO much for your answer and kindness!