Hi, Not currently. I have made a gist with inline comments explaining each step:

https://gist.github.com/praveenaj/cb5f98e060a9a2b23dbd

You will find the code of overlay.html in every HTML file, and scripts.js file inside assets/js. Please note that in the Demo version we have used a setTimeout() to simulate a AJAX call.

Awesome, thanks! Great work! Can i get added on github, user id:princecharmin314

Hi there

Currently all purchased users have access to github page repository and all bugs get fixed and pushed over at github till we officially release it in themeforest, We are constantly update it on github for users to get it easily, that way everyone will not need to wait, I understand that you are not aware of that.

We are pushing the biggest update that you will see, its v2.0 and when we do an update it always raises the bar and competition. Un like Metronic we pay attention to design, user experience and also performance, so the v2.0 will have its very own Website front end framework with over 20 different website categories and over 200 pages to choose from. We have officially build are very own Slider and also performance scroller so that it does not lag on mobile, you will have the same experience what you have in a desktop also in mobile .

We have given a large effort on getting v2.0 to be released not to mention the sleepless nights and hard work and without any delay we will send it across to themeforest on the weekend. Not only frontend but it has support for

Additional Update Features :

1. AngularJS

2. MetoerJS

3. Horizontal Menu

4. Boxed layout option

5. Bug fixes

6. Update of plugins : bootstrap, fontawesome,etc

As for your comment saying “Pages will die off without update”, well your incorrect , We have been working on this update for a quite while and angular version is already been used by customers who have purchased and got github access.

We are planing two more big releases that v3.0 and v4.0 the nature of it can not be revealed its something that is not seen in themeforest.

We have already been working on it for over last 4 months and it will be added to Pages.

So think I have made my point that this theme will not die , We have already thought of 1 year of update already

My apologies on this delay of release but again, we usually push updates every month and this time it got abit carried away since we want to give more to the user than we get.

Thank you for your patience

Thank you for the response. I’m glad you have a github where bug fixes or small updates get pushed on. When datatables.net/jQuery gets updated, you push that update? Am I correct? If so, I’m purchasing immediately! (I do not really care about AngularJS or features/pages being added, as long as UX and consistency/speed is looked at as well as constant updates I will be very very happy!)

Yes you will get access

We have a good community there too, simply report a bug or enhancement there. I was not aware of Datatable.net update, Will add it to the list.

The datatables version you are using was released in July 2014. Since then there were 5 other releases. This makes me not want to buy since it’s outdated by almost a year!

Hi there

Yes we will be updating that in the v2.0 that is to be released and there are bunch of the plugins getting updated too

Hi there

We are adding a fix to that, Will post it here within the day

Hi there

Its a private repo you can get access when you purchase pages

Did you have an invite before ?

Hi,

What did you mean by “applying jquery sortable on it”? Are you having dropzone elements inside sortable draggable elements?

Hello, I just want to enable elements inside dropzone to be sorted so I applied the following code on dropzone initialization:

                $("#myDropzone").sortable({
                    items: '.dz-preview',
                    cursor: 'move',
                    opacity: 0.5,
                    containment: "parent",
                    distance: 20,
                    tolerance: 'pointer',
                    update: function (e, ui) {
                        $.ajax({
                            type: "POST",
                            url: "/Apps/UpdateOrder",
                            contentType: 'application/json',
                            data: JSON.stringify({ order: $('.dropzone').sortable('toArray') }),
                            dataType: "json",
                            traditional: true
                        });
                    }
                });

here is a screenshot:

http://prntscr.com/71wo2o

After loading files I can drag and drop elements inside the dropzone, however, when I first load the page, the dropzone is with height 0.

Hope this is clear.

Thanks

Hi there

Sorry about the late reply, wrap your Input field with a div

Hello,

But it is already inside a div. As I told, the problem is not the dropzone, the problem is when I add the sortable behavior on the dropzone.

This is the HTML for the dropzone, it is inside an accordion.

<div class="panel-collapse collapse in" id="collapseOneOne">
    <div class="panel-body">
        <div>
            <form action="/Apps/UploadImage" class="dropzone" enctype="multipart/form-data" id="myDropzone" method="post">
            <div class="fallback">
                <input name="file" type="file" multiple />
            </div>
            </form>                                
        </div>
    </div>
</div>

Hi there

For some reason I do not get that issue

http://prntscr.com/72b35k

and here is the code, I’m using

https://gist.github.com/teamrevox/33586160bf14c4da2fe4

Also I noticed the image in your drag n drop, are you using webarch not pages ?

Yes, this is how the dropzone works with out the sortable behavior.Try to apply this code to your page and you will get what I’m talking about

    $(document).ready(function() {
        $("#myDropzone").sortable({
            items: '.dz-preview',
            cursor: 'move',
            opacity: 0.5,
            containment: "parent",
            distance: 20,
            tolerance: 'pointer',
        });
    });

And the image, I had to translate to portuguese, so I get the PSD available on dropzone plugin folder on pages.

Thanks!!!

Just add the id=”myDropzone” to your code.

Alright, sortable had issues when we were implementing the pages.calendar, its a must to have a height and height that is divisible too, if you have something with 250.5px, it wil not work, adding

style="height:400px !important;" 

To your form worked out for me

Hell yeah!!! You rock!!! It worked like a charm.

Thanks a ton!!!

Ops, not so fast

When I add more files that should increase the height, it don’t, the height remains 400px. Here is a screenshot:

http://prntscr.com/72bgb0

Ok, I’m not using calendar, so I added the following code to my custom.css. Will it impact in any other pages element?

.ui-sortable {
  min-height: 360px !important;
}

Thanks!!!