I would like to better understand the behavior of the Portlet Progress Indicator. Playing around with its ability to display a circular progress indicator while executing custom javascript code, I realized that the portlet loading behaves differently when requesting content from the server through JQUERY $get method.

Here’s what I have:

$('#portlet-circular').portlet({
        progress: 'circle',
        onRefresh: function() {
            setTimeout(function() {
                 $.get( 'http://localhost:8080/getPortletContent',
                    function( data ) {
                        $('#test-area').empty();
                        $('#test-area').html( data );
                    });
                $('#portlet-circular').portlet({refresh: false});
            }, 2000);
        }
    });

The code above is intent to get HTML content from my local web server and append it to a called test-area.

Once the refresh button at the top right of the portlet is clicked, the behavior I would expect from it is to display the circular progress while JQUERY performs the get method and append the HTML response code to the . Then, the portlet should unlock itself by removing the circular progress from the screen as there is no code left to execute.

Instead, the behavior I am getting from the code above:

1. The portlet runs the circular progress for as long as the value for the timeout is set to, regardless if the JQUERY finishes faster than the timeout parameter. I tried setting up 15 seconds for timeout and the JQUERY took 4 seconds to perform – still, I have to wait for the complete 15 seconds in order to have the portlet released. It seems like it ignored the command to stop refreshing: $(’#portlet-circular’).portlet({refresh: false});

2. Even after the portlet is done loading, the page seems to execute an extra load by activating the green linear progress bar on top of the page. It took another few seconds to finally render the content appended via javascript from the JQUERY response.

So, the problem here is that the end-user has to wait for two loading processes: one at the portlet level and another one at the page level. I also tried requesting a simple lightweight JSON file from the server and still the loading happens at the page level. Should be just at the portlet level.

Now, interesting thing is that the issue only happens when there is JQUERY or AJAX requests to the server. If I do other javascript stuff, the page load will not happen.

Can you comment on this?

Thanks for the help.

Hey Ace, great template, but I have an issue. I’m trying to use the template within a Laravel project, but some css things seem to be off. One issue for example is that the ‘page-content-wrapper’ doesn’t start at the top and is 1833×685 instead of the 1850×474 it has in the demo. I’ve copied the sourcecode exactly as in the demo index.html… Could it be caused by the default bootstrap that is included with Laravel? Hope you can help…

Hi, could you give me (LeoFerCar) access to Github?

Thx

Buenas tardes

Estoy trabajando en JSF con la plantilla que adquiri con ustedes pero tengo un problema y es el siguiente qiero acceder a la elemento seleccionado del form-group-default-selectFx mediante javascript o jquery no se la menera con la cual me puedan ayudar de la misma manera con el cs-select cs-skin-slide y select2 gracias estoy atento

Good afternoon

I’m working on JSF with the template acquired with you but I have a problem is the following qiero access the selected item from the form-group-default-selectFx using javascript or not the menera with which I can help in the same way select the cs-cs-skin-slide and thanks I am attentive select2

I tried searching for this topic, but couldn’t find anything available.

I’m trying to implement the Bootstrap Thumbnail as shown here:

http://getbootstrap.com/components/#thumbnails

Unfortunately the resulting thumbnails I get are all the width of the containing div, rather than the width of the image + padding. I was wondering if I need to be applying a different style. I attempted using the gallery and widget item classes to no avail as they require absolute positioning at the element level.

Thanks!

Hi, great theme.. before I buy, I would like to know if I can have a light side bar.. Instead of a dark shade.. I would like to have it in white or grey. Can this be done?

Wondering if it is possible to invoke the OnRefresh event of a Portlet from a form button outside the panel. I basically want a Save button to update a Portlet.

I am looking to buy this template, but I’m thinking that you’re going to launch a new soon. I did a speed test in PageSpeed by google, and the result was not good.

Hi,

Can you add 42antoine to the Github ?

Thanks!

Hi,

Can you add Niekess to the Github?

Thanks!

Hi. How can I access/download past releases of this template? Is that possible?

hello, I am trying to view an event array with lazy calendar, here’s an example of an event:

{“id”: “1”, “doctor”, “1”, “patient”, “1”, “status”: “1”, “start”: “01/28/2016 16:45:22” “end”: “01/28/2016 17:45:29”, “created_at”: “11/26/2015 15:36:58”, “updated_at”: “11/26/2015 15:36:58” }

How do I show using this date format in start and end? Or if you can not which format should I use?

Obs .: Can you explain me what does the T between the date and time in your example?

Ace, Great work with the widgets. I’ll have a few suggestions coming soon. As far as downloading the updates do we just need to grab the entire repo down from github or can we just pull the widgets folder itself?

Hi there, I have purchased Pages-Admin which I was navigated by clicking on”Buy Now” link of : http://pages.revox.io/frontend/1.1.0/html/18/ or http://pages.revox.io/frontend/1.1.0/html/16/ but both above mentioned template is not included in purchased theme. Please confirm of how I can get working html layouts of 18/16

can you add me to GitHub

social_quotient

You say; “new widget every week” , no new widget about 1-2 months. ?

The copyright on the description still says 2014 and the price is listed as $17. And this page says $24 instead of $25. http://pages.revox.io/#

Hi,

I am using Angularjs version and trying to integrate datatables with dynamic content from a http resource.

Your demo is not really Angular compliant. All the content in your datatables examples are hardcoded. When I try to integration with $http or $resource, the generated rows are not “integrated” with the table even if the results are shown. But the pagination and results counter don’t work.

What are the suggested solution to have real dynamic content in the datatables? Showing the comments, I saw that you suggested integrating with ui-grid. Well, why not, but why won’t you integrate it directly in your templates?

Thanks

Hello Ace! Please add fdbarcena to the github repo, thanks!