You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by ASHU_JAVA <as...@gmail.com> on 2016/10/02 14:31:47 UTC
Re: java wickets menu on image button
Hi Martin,
Thanks a lot for your suggestion.
My requirement is nearly complete, the only issue I'm facing right now is
*how to open the List link in new tab ?*.
Please find below my current code:
/SamplePage.Java/
add(new LinkPanel("navBar"));
/SamplePage.html/
<div wicket:container wicket:id="navBar"/>
/LinkPanel.Java/
/LinkPanel.html/
/style.css/
The output looks like below image:
<http://apache-wicket.1842946.n4.nabble.com/file/n4675620/Wicket_2.png>
So, when I click on link it open in the same window.
I tried to change the *"LinkPanel.java" *code as below:-
The output now looks like below image:
<http://apache-wicket.1842946.n4.nabble.com/file/n4675620/Wicket_1.png>
I'm able to now open the links in different tabs but the appearance is now
not in the list.
I think if the LinkPanel.Java code can generate an HTML like below it will
become perfect according to my requirement:-
Kindly suggest inputs on how to achieve it in my current code.
Thanks in advance.
You need to add the dropdown to the <li> element.
In the blog article you mentioned in your first email this is: <li
class="dropdown" wicket:id="itemContainer">
The blog uses:
<li class="dropdown" wicket:id="itemContainer">
<#>
**
<ul class="dropdown-menu">
<li wicket:id="itemLinks"></li>
</ul>
</li>
You need to remove * and use instead of .
In the Java code replace:
itemContainer.add(new Label("label", currentMenuItem.getLabel()));
with
itemContainer.add(new ContextImage("img", ...));
Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675620.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: java wickets menu on image button
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
I'd suggest the following:
- produce a normal <a href="the.url.here"> with ExternalLink
- add a special CSS class to all links you need to manipulate, e.g.
class="toVerify"
- in renderHead() do:
response.render(OnDomReadyHeaderItem.forScript("$('.toVerify').each(checkLink)"))
This will call checkLink(link) function for each one of those links
Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov
On Thu, Oct 13, 2016 at 11:13 AM, ASHU_JAVA <as...@gmail.com> wrote:
> Hi Martin,
>
> I tried adding following Javascript in HTML file like below:-
>
>
> And modify the code in corresponding JAVA file:-
>
>
>
>
> But I'm unable to get Javascript function trigger when the link is clicked.
>
> Can you please propose some suggestions.
> Thanks in advance
>
> --
> View this message in context: http://apache-wicket.1842946.
> n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675754.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: java wickets menu on image button
Posted by ASHU_JAVA <as...@gmail.com>.
Hi Martin,
I tried adding following Javascript in HTML file like below:-
And modify the code in corresponding JAVA file:-
But I'm unable to get Javascript function trigger when the link is clicked.
Can you please propose some suggestions.
Thanks in advance
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675754.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: java wickets menu on image button
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
For this you will need to use Javascript.
E.g. you can use jQuery#ajax() to make a HEAD request to the url. If it
returns an error, then remove the "target" attribute and apply some JS to
show a popover when the link is clicked.
This is not Wicket related so you will have to use Google for more
information.
Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov
On Tue, Oct 11, 2016 at 7:56 PM, ASHU_JAVA <as...@gmail.com> wrote:
> Hi Martin,
>
> I've implemented the External Links as shown in below code
>
>
> Can you please suggest how to provide a Pop-up if the External link doesn't
> work i.e. if a link is clicked and the link is an invalid URL, it should
> open a pop-up with error message instead of a new tab?
>
> Thanks in advance.
>
>
> --
> View this message in context: http://apache-wicket.1842946.
> n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675739.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: java wickets menu on image button
Posted by ASHU_JAVA <as...@gmail.com>.
Hi Martin,
I've implemented the External Links as shown in below code
Can you please suggest how to provide a Pop-up if the External link doesn't
work i.e. if a link is clicked and the link is an invalid URL, it should
open a pop-up with error message instead of a new tab?
Thanks in advance.
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675739.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: java wickets menu on image button
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
<a href="#" wicket:id="link" *target="_blank"*>
Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov
On Sun, Oct 2, 2016 at 4:31 PM, ASHU_JAVA <as...@gmail.com> wrote:
> Hi Martin,
>
> Thanks a lot for your suggestion.
>
> My requirement is nearly complete, the only issue I'm facing right now is
> *how to open the List link in new tab ?*.
> Please find below my current code:
>
> /SamplePage.Java/
> add(new LinkPanel("navBar"));
>
> /SamplePage.html/
> <div wicket:container wicket:id="navBar"/>
>
> /LinkPanel.Java/
>
>
>
> /LinkPanel.html/
>
>
>
> /style.css/
>
>
>
> The output looks like below image:
> <http://apache-wicket.1842946.n4.nabble.com/file/n4675620/Wicket_2.png>
>
> So, when I click on link it open in the same window.
>
> I tried to change the *"LinkPanel.java" *code as below:-
>
> The output now looks like below image:
> <http://apache-wicket.1842946.n4.nabble.com/file/n4675620/Wicket_1.png>
>
> I'm able to now open the links in different tabs but the appearance is now
> not in the list.
>
> I think if the LinkPanel.Java code can generate an HTML like below it will
> become perfect according to my requirement:-
>
>
> Kindly suggest inputs on how to achieve it in my current code.
> Thanks in advance.
>
>
>
>
> You need to add the dropdown to the <li> element.
> In the blog article you mentioned in your first email this is: <li
> class="dropdown" wicket:id="itemContainer">
>
> The blog uses:
> <li class="dropdown" wicket:id="itemContainer">
> <#>
> **
>
> <ul class="dropdown-menu">
> <li wicket:id="itemLinks"></li>
> </ul>
> </li>
>
> You need to remove * and use instead of .
> In the Java code replace:
>
> itemContainer.add(new Label("label", currentMenuItem.getLabel()));
>
> with
>
> itemContainer.add(new ContextImage("img", ...));
>
> Martin Grigorov
> Wicket Training and Consulting
> https://twitter.com/mtgrigorov
>
>
>
> --
> View this message in context: http://apache-wicket.1842946.
> n4.nabble.com/java-wickets-menu-on-image-button-tp4675602p4675620.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
>
>