Hello Martin, I'm trying to use "Jquery Marquee" <https://www.npmjs.com/package/jquery.marquee> to implement the required functionality.
I've made an HTML sample <https://jsfiddle.net/ttj41sdb/> (JSfiddle), which is working fine but I'm unable to replicate the same in Java Wickets. Here's my code:- HomePage.html <div wicket:id="newsDetails" class="col-md-5" style="padding-right: 5px;padding-left: 5px;float:left;height=100%;"> </div> HomePage.Java add(new MyPanel("newsDetails")); MyPanel.Html <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:wicket> <head> <title></title> </head> <body> <wicket:panel> <ul class='marquee'> <li wicket:id ="news"></li> </ul> </wicket:panel> </body> </html> MyPanel.Java public class MyPanel extends Panel { private static final long serialVersionUID = -7322692526459024428L; @SpringBean(name = "manageMyApplication") protected ManageMyApplication manageApp; private List<MyBean> list; public MyPanel (String id) { super(id); RepeatingView repeatingView = new RepeatingView("news"); List<MyBean> results = getAllItem(); //Getting List from database if(results!=null){ MyBeanvalues = results.get(0); if(StringUtils.isNotEmpty(values.getList1())){ repeatingView.add(new Label(repeatingView.newChildId(),values.getList1())); } if(StringUtils.isNotEmpty(values.getList2())){ repeatingView.add(new Label(repeatingView.newChildId(),values.getList2())); } if(StringUtils.isNotEmpty(values.getList3())){ repeatingView.add(new Label(repeatingView.newChildId(),values.getList3())); } } add(repeatingView); } } MyResourceInitialize.java file contains javascript reference to load: @Override public void renderHead(final IHeaderResponse response) { response.renderJavaScriptReference(new JavaScriptResourceReference(LocateResources.class, "js/vendor/jquery.marquee.min.js")); response.renderJavaScriptReference(new JavaScriptResourceReference(LocateResources.class, "js/newMarquee.js")); super.renderHead(response); } The Javascript code has been added to "newMarquee.js" file as given below:- $(function () { $('.marquee').marquee({ duration: 15000, duplicate: false, delayBeforeStart:2000, allowCss3Support: true, gap: 600, }); }); But the issue is the Javascript file "newMarquee.js" and the css mentioned in MyPanel.html fails to load. I've tried using AjaxEventBehavior to append Javascript in Wickets code but that too didn't work. Can you please share some inputs on how to achieve this? Thanks in advance. -- View this message in context: http://apache-wicket.1842946.n4.nabble.com/Message-Scroll-Banner-in-Wickets-tp4678245p4678280.html Sent from the Users forum mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
