Can you post me screenshots to email pls?

Hey, please try to follow this thread https://github.com/summernote/summernote/issues/978

Hi, you can run just builded version of app via xampp

Thanks a lot! Now I will buy! Congratulations!

Do you have intention to instead of using GRUNT use GULP ? How would you do that for ? Or have you thought about doing this ?

Hey, I haven’t think about using GULP instead of GRUNT

Hey, all right this one is should answer all your previous question:

it’s really straightforward to use your own firebase database so the main steps are:

1. Create your own database at firebase 2. Enable Email & Password Authentication under “Login & Auth” section 3. Replace database url in FBURL constant at “config.js” file 4. Run the app 5. Register an new account 6. Login with new account 7. Use the app

hello Tattek , as I told you , I did this process and CRUP-APP do not work , in CRUD app there’s two folders.

APP DIST

I can make it working using files from DIST , but if I use the files from APP I saw a blank screen and stop with this.

I saw many peoples asking about this , and all with the same problem ,

could you please check what’s happening with this ?

thanks

I can share with you print in email … .can I ?

DIST folder is a builded app where you shouldn’t change anything as all files are compiled etc., if you want change the settings or anything you have do that in APP folder (you can run app with “grunt serve”) and after that you can build your app by running “grunt build”

Hey, so this error is throwing some king of angular seed project? Have you tried to follow the documentation and run grunt serve in minovate app folder?

Yes, i’m using the non angular version of the template.

Hey, take a look on that plugin http://malsup.com/jquery/block/

perfect! thank you very much!

Hey, what exactly do you mean by config CRUD?

config to use as the information in the app description.

I uploaded the files from CRUD-APP to my server , create a database in firebase and change de js file , but is not working yet.

You should just run “grunt build”

Did you add that file into index.html?

Hey, sorry for the late reply. But i mean the HTML, not the Angular Version. So actual it looks like this:

The problem is, that the submit button is outside the <form> elements and that there are 3 different form elements. If I press the submit button, nothing happens (Same in your demo)

How can i solve this in the html version?

Thank you

Hey, hmm that seems like I made a mistake , you can try to follow this demo to change the code.

Overall you have to wrap whole form wizard to one form and instead of multiple forms, also you have to change validation in “onNext” and “onTabClick” functions. It should look like that:

<form>
  <div class="tab-content">
     <div class="tab-pane" id="tab1">
            Form Elements....
     </div>
     <div class="tab-pane" id="tab2">
            Form Elements....
     </div>
     <div class="tab-pane" id="tab3">
            Form Elements....
     </div>

     <ul class="pager wizard">
          SUBMIT BUTTON
     </ul>
  </div>
</form>

onNext: function(tab, navigation, index) {

    var tab= $('div[id="tab'+ index +'"]');

    tab.parsley().validate();

    if (!tab.parsley().isValid()) {
        return false;
    }

},

onTabClick: function(tab, navigation, index) {

    var tab= $('div[id="tab'+ (index+1) +'"]');
    tab.parsley().validate();

    if (!tab.parsley().isValid()) {
        return false;
    }

}

then you can just easily handle form submit as normal. Hope it helps.

Hey Tattek. Yes I tried this before. But he won’t validate the form and I get a JS-Error: TypeError: tab.parsley().validate is not a function. (In ‘tab.parsley().validate()’, ‘tab.parsley().validate’ is undefined)

When I click the “Next Button”, the page reloads completly and Iam still on the first tab.

<form>
  <div class="tab-content">
     <div class="tab-pane" id="tab1">
            Form Elements....
     </div>
     <div class="tab-pane" id="tab2">
            Form Elements....
     </div>
     <div class="tab-pane" id="tab3">
            Form Elements....
     </div>

<ul class="pager wizard">
    <li class="previous"><button class="btn btn-default">Zurück</button></li>
    <li class="next"><button class="btn btn-default">Weiter</button></li>
    <li class="next finish" style="display:none;"><button type="submit" class="btn btn-success">Speichern</button></li>
</ul>
  </div>
</form>

onNext: function(tab, navigation, index) {

    var tab= $('div[id="tab'+ index +'"]');

    tab.parsley().validate();

    if (!tab.parsley().isValid()) {
        return false;
    }

},

onTabClick: function(tab, navigation, index) {

    var tab= $('div[id="tab'+ (index+1) +'"]');
    tab.parsley().validate();

    if (!tab.parsley().isValid()) {
        return false;
    }

}

If I put the <form> Elements in, with the old JS (Original Code) the “onNext” and “onTbClick” functions works perfect.

Hmm….maybe you can add some specific class to the rightbar based on which toggle you clicked and then you can just show/hide specific content with css based on that class.

OK, that is easy to implement.

I noticed you included Jquery UI in the js vendors folder. Do you remember what exactly you are using Jquery UI for in the non-angular version?

I am going to be including it for drag and drop and autocomplete functionality but that’s it so I’d like to be able to use a leaner custom build. I just want to make sure you aren’t using it elsewhere, requiring the full build.

Thanks.

Hello, I suppose you can safely use custom build of jquery-ui if you’ll include drag and drop functionality as only this one is used for portlets from whole jquery-ui library.

Oh I’m sorry, I’ve forgot the “latest” versions in bower.json file, I have to fix that in new version, for now just use angular of version “1.4.7”, thanks

Hey, have you tried to re-run “bower install” command? Thanks

Hey, yes you can but you have to prepare your backend first, then you can just use something like that for every element:

<div class="widget" ng-if="userA">...</div>