Multi-step form in Editor X | 2024 Editor X Tutorial | Wix Ideas

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 36

  • @Zoe-xo6op
    @Zoe-xo6op 6 месяцев назад

    Such a great video! May I know is there a way to do the transmit or animation between switching to the next form? like from personal to address?

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

    Amazing Videos. Is there any particular reasons you chose not to build the form with Multi-state-box?

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

    Great work man!!
    Thank you so much.
    Do you have an idea how to ad an upload-file field in there?
    Is that somehow possible?

  • @jameshudson1570
    @jameshudson1570 2 года назад +1

    Hi this is a great video! in fact I have found a lot of your videos very helpful! I was wondering, I have built the same multi-step form following your tutorial but on one box I have a checkbox group and a text input box but when the text input is activated it automatically enables the 'continue' button, can you help me with the code to ensure that the checkbox group also has to be selected for the 'continue' button to enable? Any help will be appreciated

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

      Thanks James!
      The checkbox group selection looks like this also.
      $w("#checkBox").value.length > 0
      Just like the other elements, use && for the input and checkbox.
      if($w("#input").value.length > 0 && $w("#checkBox").value.length > 0){
      //
      }

  • @shanpowers
    @shanpowers 2 года назад +2

    Brilliant video! Amazing explanation! So clear and looks nice!

    • @wixideas
      @wixideas  2 года назад +1

      Thank you Shannon!

  • @mydsmart8390
    @mydsmart8390 2 года назад +1

    I was searching for such a video, thank you very much

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

      Most welcome 😊

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

    I am using multiple drop downs and inputs for each box, but I can't seem to get the validation to work and I typed it exactly the same, there are no errors that show up either. I created the exact same box as the Jobstatus but it's allowing the submit button the be active before I fill out everything. Is there a way to figure this out?

  • @s.afinancial4179
    @s.afinancial4179 2 года назад +1

    which plan in wix r u using?

  • @limkuku
    @limkuku 2 года назад +1

    I have a question. If i want to use this multi-step form with log in function in Wix, what should i do? What i want to do is that i want a person to log in and fill out the form. and when the person leave the page without submitting and come back to the page and continue where that person left off. I want to know if that auto save function can be used in editor x and with this multi step form that you explained in this video. Thank you.

    • @wixideas
      @wixideas  2 года назад +1

      Hi there, great question! I made a custom sign up flow with a multi-step form where then can input their information. And what I did was to have a separate page for the sign up form, and after sign up, they will be redirected to the registration page, where this multi-step form is. This form, is then connected to a dataset with Read & Write permission. That registration form, however, is a dynamic page, and it is a dynamic page with the ID of the user. This means that the page can also be used as an update form, where the user can update their registration information at any time. I should make a tutorial about this. Thanks for the suggestion!

    • @limkuku
      @limkuku 2 года назад +1

      @@wixideas Hmm thank you for your reply. I am sorry but I do not 100% understand what you are explaining. So, should I first try to make multi step form following this video first and then wait for your next video ? lol

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

      @@limkuku Hi, here is a custom sign up guide from WIX support.wix.com/en/article/velo-tutorial-creating-a-custom-registration-form-with-code
      After implementing this, redirect your users to a dynamic ID page where the form for their personal information will be entered.

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

      @@wixideas Hello I was working on something else and now im back in the project. I have some questions is there email address that I could send email more questions?

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

      @@wixideas This would be a. great tutorial! Please do one!!

  • @shashwatchaube1315
    @shashwatchaube1315 2 года назад +1

    Hi, I have added selection tags on my form. Do you have a code for that ?

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

      Hi there, the selection tags inside an input element. If that is what you want to use it for then do this;
      1. Create new field on your database and make the field type to be "Tags"
      2. Connect your selection tags element to that field.
      Hope this helps!

  • @limkuku
    @limkuku 2 года назад +1

    Hello I have a question. You know the box that you hide and show. but the section is not collapsed. Could you help me on that? How can I make it collapse when it is hidden? You did not go over that part in this video.

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

      Hi there. Thanks for your comment. So an element has to be hidden/shown or collapsed/expanded. It can't cross, like hidden/expand.
      If it hidden you can show it. If it is collapsed you expand.

    • @limkuku
      @limkuku 2 года назад +1

      @@wixideas So what you are saying is they can't be working together? I want it to be collapsed when it is hidden, and I want it to be expanded when it is shown, depending on the situation.

    • @wixideas
      @wixideas  2 года назад +1

      @@limkuku Hi there. Yes, if an element is collapsed, you can't show it. You have to expand it. Also, if an element is hidden, you can't expand it, you have to show it.

    • @limkuku
      @limkuku 2 года назад +1

      @@wixideas Thank you for the clarification.

  • @AnthonyAllioo
    @AnthonyAllioo 2 года назад +1

    Do you have code for Multi-State Boxes? Multi-State for Editor X is in beta for partners.

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

      Hi Anthony, this should work then ruclips.net/video/vOg5m1AluEg/видео.html

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

    thanks man! that is very helpful. but i still cant make the submit button to work.
    after I press submit it doesn't move to the last box

    • @JotRacing
      @JotRacing 2 года назад +1

      solved it! :)))

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

      Awesome!

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

      @@wixideas I have the same problem and not sure how to resolve - can you help, please?

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

      @@victorroux7245 Hi there, I believe you want to check if it is connected to dataset submit option, if the database collection permission allows anyone to submit or just site members, if after submitting you actually the ID of your thank you state is correct.
      There are a couple things. You also want to check your code preview section for warnings or check your browser console debugger.
      Right-click on your browser and Inspect, then go to Console tab to see if there are warnings.
      Let me know how this goes.

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

      @@wixideas Hi ya, buddy. Thank you very much for your quick response. I managed to figure it out - the submit button was not linked to the submit; also the data was not pulling through as the fields were not linked to the data collection - I did so manually and it all works magic. May I ask you if you can provide with some advice / code in case I decide to have tick buttons instead of drop down menu?

  • @designquik
    @designquik 2 года назад +1

    Today they added Multi state box Beta in Editor X Finally

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

      Thank you Carlos 🙂