You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by dharmendra pandey <dh...@gmail.com> on 2015/02/27 15:48:15 UTC

Activity Indicator on AbstractTab (AjaxTabbedPanel)

Hi,

I have added the tabs(Current and Archive) and wanted to display the
Activity Indicator on Center or just beside the tab on click event of any of
the tab.

The Default Indicator the getting display on below the tab, Kindly suggest
how I can display the activiti indicator in center of page(marked in center
with blue)



<http://apache-wicket.1842946.n4.nabble.com/file/n4669777/activity_indicator_on_tab_click.jpg> 


Regards
Dharmendra Pandey

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Activity-Indicator-on-AbstractTab-AjaxTabbedPanel-tp4669777.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Activity Indicator on AbstractTab (AjaxTabbedPanel)

Posted by dharmendra pandey <dh...@gmail.com>.
Hi,

Could you please point me to some example, I am new to wicket.

it will be a great help
Thanks
Dharmendra Pandey

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Activity-Indicator-on-AbstractTab-AjaxTabbedPanel-tp4669777p4669779.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Activity Indicator on AbstractTab (AjaxTabbedPanel)

Posted by Martin Grigorov <mg...@apache.org>.
Hi,

Here is some sample code:

JS:
https://github.com/apache/isis/blob/master/core/viewer-wicket/ui/src/main/java/org/apache/isis/viewer/wicket/ui/pages/jquery.isis.wicket.viewer.js#L81-L89
CSS:
https://github.com/apache/isis/blob/master/core/viewer-wicket/ui/src/main/java/org/apache/isis/viewer/wicket/ui/pages/bootstrap-overrides.css#L46-L59

Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov

On Fri, Feb 27, 2015 at 5:46 PM, dharmendra pandey <
dharmendra.panday@gmail.com> wrote:

> I tried the above mentioned code but this seems to be not working.
>
> Thanks
> Dharmendra Pandey
>
> --
> View this message in context:
> http://apache-wicket.1842946.n4.nabble.com/Activity-Indicator-on-AbstractTab-AjaxTabbedPanel-tp4669777p4669780.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

Re: Activity Indicator on AbstractTab (AjaxTabbedPanel)

Posted by dharmendra pandey <dh...@gmail.com>.
I tried the above mentioned code but this seems to be not working.

Thanks
Dharmendra Pandey

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Activity-Indicator-on-AbstractTab-AjaxTabbedPanel-tp4669777p4669780.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: Activity Indicator on AbstractTab (AjaxTabbedPanel)

Posted by Ernesto Reinaldo Barreiro <re...@gmail.com>.
There are many ways to do that on wicket. E.g. Register a global call
handlers like,


function addBlocking() {
//console.log('addBlocking');
if($('.CD_blocking_layer').legth > 0) {
return;
}
$('<div class="CD_blocking_layer"><div class="blocking"></div><div
class="loadImg"></div></div>').css({
"height" : $(document).height(),
"width" : "100%",
"position" : "absolute",
"left" : "0px",
"top" : "0px"
}).appendTo('body');
}

function removeBlocking() {
//console.log('removeBlocking');
$(function(){$('.CD_blocking_layer').remove();
//console.log('AfterRemoveBlocking');
});
}

Wicket.Event.subscribe('/ajax/call/before', function(jqEvent, attributes,
jqXHR, errorThrown, textStatus) {
addBlocking();
});

Wicket.Event.subscribe('/ajax/call/after', function(jqEvent, attributes,
jqXHR, errorThrown, textStatus) {
setTimeout(function(){removeBlocking()}, 500);
});

The rest is JUST CSS.






On Fri, Feb 27, 2015 at 3:48 PM, dharmendra pandey <
dharmendra.panday@gmail.com> wrote:

> Hi,
>
> I have added the tabs(Current and Archive) and wanted to display the
> Activity Indicator on Center or just beside the tab on click event of any
> of
> the tab.
>
> The Default Indicator the getting display on below the tab, Kindly suggest
> how I can display the activiti indicator in center of page(marked in center
> with blue)
>
>
>
> <
> http://apache-wicket.1842946.n4.nabble.com/file/n4669777/activity_indicator_on_tab_click.jpg
> >
>
>
> Regards
> Dharmendra Pandey
>
> --
> View this message in context:
> http://apache-wicket.1842946.n4.nabble.com/Activity-Indicator-on-AbstractTab-AjaxTabbedPanel-tp4669777.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>


-- 
Regards - Ernesto Reinaldo Barreiro