Add Background image to Modal Window
hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477
Re: Add Background image to Modal Window
Hi, ModalWindow sets CSS classes for its main panel, the title, the content, etc. If you use a Panel as content then you will need to add custom CSS rule to set the background image. If you use a Page as content then set the background image in your page's CSS. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 9:43 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477
Re: Add Background image to Modal Window
Thanks Martin, I am actually using Panel as content. I have added to the code modalWindow.setCssClassName(css/modal.css); But this seems to have no effect. Do I have to do any other thing? Appreciate a nice response from you. On 29 September 2014 09:09, Martin Grigorov mgrigo...@apache.org wrote: Hi, ModalWindow sets CSS classes for its main panel, the title, the content, etc. If you use a Panel as content then you will need to add custom CSS rule to set the background image. If you use a Page as content then set the background image in your page's CSS. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 9:43 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477
Re: Add Background image to Modal Window
Hi, modalWindow.setCssClassName(myModal); in some #renderHead(IHeaderResponse) in your page do: response.render(CssHeaderItem.forCss(.myModal {background-image: 'the/path/to/the/image.png'} )) Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 11:08 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: Thanks Martin, I am actually using Panel as content. I have added to the code modalWindow.setCssClassName(css/modal.css); But this seems to have no effect. Do I have to do any other thing? Appreciate a nice response from you. On 29 September 2014 09:09, Martin Grigorov mgrigo...@apache.org wrote: Hi, ModalWindow sets CSS classes for its main panel, the title, the content, etc. If you use a Panel as content then you will need to add custom CSS rule to set the background image. If you use a Page as content then set the background image in your page's CSS. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 9:43 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477
Wicket Bootstrap 0.9.6 is released
Hi, Wicket Bootstrap 0.9.6 has been released and soon will be available at Maven Central. We've added some new components: - Ladda buttons - http://msurguy.github.io/ladda-bootstrap/ - X-Editable behavior - http://vitalets.github.io/x-editable/ - Twitter Typeahead v 0.10 - https://twitter.github.io/typeahead.js/ The Git short log is: Martin Tzvetanov Grigorov: Install LessResourceReferenceFactory with BootstrapLess.install(app) Simplify BootstrapRadioChoice. [file-input] Issue #424 - Make it possible to pass the config to the constructor of BootstrapFileInput Use the result variable to decide whether to use CDN resources for VegibitTheme [xeditable] Issue #427 - By default do not send Ajax call for the hidden event. [xeditable] Issue #427 - remove the save/hidden ajax behaviors when the x-editable-behavior is unbind from its component [xeditable] Improve the javadoc of XEditableOptions [font awesome] Upgrade Font Awesome to 4.2.0 [tour] Upgrade to 0.9.3 [xeditable] Null-ify the ajax behaviors in unbind() to make them eligible for GC [tour demo] Show Info alert when the tour is already taken Simplify component settings - do not wrap them in IModel when no necessary [ladda] Add LaddaAjaxLink and LaddaAjaxButton (intergration with http://msurguy.github.io/ladda-bootstrap/) [ladda] Add javadoc and clear the data in complete() [ladda] Use Bootstrap's Button size rather than Ladda's [ladda] Javadocs and cleanup [ladda] Code formatting [ladda] code formatting Upgrade Less4j to 1.8.1 that uses ANTLR 3.5.2 Upgrade to Wicket 6.17.0 [ladda] Issue #432 - Use webjars for spin.js [ladda] remove local copies of spin.js (we use it thru webjars now) Upgrade Less4j to 1.8.2 Set the role of Navbar to navigation instead of banner Use wicket:container instead of wicket:panel for the markup of a component that should render its body only Remove CSS class 'navbar-ex1-collapse' - there is no such CSS class in any .css file remove CSS class 'bs-navbar-collapse'. Add a TODO for review by miha [navbar] Make it possible to remove the class=container around the Navbar's contents navbar[] Configure the brandLabel and brandImage components before deciding whether the brandLink should be visible or not. [navbar] Use #onConfigure() to set the visibility of the brand's label and image [navbar] Issue #438 - Add a RepeatingView for extra items in the navigation bar which should not be in the uls Update Bootswatch themes. Add Paper and Sandstone themes [navbar] Issue #439 - Remove the new container flag and use the old 'fluid'. It seems it has been broken since a while [navbar] Fix broken test - NavbarTest Use https://github.com/twbs/bootlint to improve the usage of Bootstrap in the components and samples Move bootlint to -core module so it can be used by application developers too Use OpenJDK 6 for building at Travis Make it possible to build with JDK 6 Fix the problems on the home page: cat the contents of surefire report for a failing test Cat the surefire XML report too Update README (test the build) Travis-CI builds fail with BootstrapSettings.Holder cannot be initialized error Fix all lint errors in BaseCssPage.html [navbar] Remove CSS class 'navbar-ex1-collapse' - there is no such CSS class in any .css file [navbar] remove CSS class 'bs-navbar-collapse'. [navbar] Add a TODO for review by miha [navbar] Make it possible to remove the class=container around the Navbar's contents [navbar] Configure the brandLabel and brandImage components before deciding whether the brandLink should be visible or not. [navbar] Use #onConfigure() to set the visibility of the brand's label and image [navbar] Issue #438 - Add a RepeatingView for extra items in the navigation bar which should not be in the uls [navbar] Issue #439 - Remove the new container flag and use the old 'fluid'. It seems it has been broken since a while Fix BootLint warnings in Button components and Components sample Fix BootLint problems in all samples pages [modal] Use AjaxRequestTarget#prependJavaScript() when hiding the modal to do it as early as possible. Remove a TODO. The use case is that the Link can have children, e.g. a Label Michael Haitz: Update README.md update wicket-jquery-selector version. [datetextfield] proposed solution for issue #414 [datetextfield] add test cases (issue #414) add test for duplicated updateModel call upgrade wicket-jquery-selector to 0.1.2 use latest wicket-jquery-selectors version Robert Gruendler: [typeahead 0.10] added support for typeahead.js = 0.10.0 [typeahead 0.10] added support for bloodhound with local datasource [typeahead 0.10] updated
List editor
I have written my own FormComponentPanel for my domain object, MyObject. Now I'd like to be able to have a form component for editing ListMyObject. The best resource I can find on this subject is http://wicketinaction.com/2008/10/building-a-listeditor-form-component/ by Igor Vaynberg However, I'm having troubles following the instructions. I suspect that it's because that tutorial targets an older version of Wicket. For instance, ListItem already exists in the wicket library (is it the same, or should I rename the class in the tutorial?) and RepeatingView doesn't have a getModelObject() method so I get a compile error on that line. I've also discovered that there are a few interesting new methods/classes, such as IItemReuseStrategy which may help me write an even more elegant list editor. So, my question: Is there a more recent tutorial somewhere? Or is the above mentioned tutorial still the best way to go apart from some minor changes? best regards, Andreas Lundblad
Re: List editor
Hi, I am not aware of a newer article on this topic. - ListItem - use the one from the article - getModelObject() - getDefaultModelObject() Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 3:59 PM, Andreas Lundblad andreas.lundb...@gmail.com wrote: I have written my own FormComponentPanel for my domain object, MyObject. Now I'd like to be able to have a form component for editing ListMyObject. The best resource I can find on this subject is http://wicketinaction.com/2008/10/building-a-listeditor-form-component/ by Igor Vaynberg However, I'm having troubles following the instructions. I suspect that it's because that tutorial targets an older version of Wicket. For instance, ListItem already exists in the wicket library (is it the same, or should I rename the class in the tutorial?) and RepeatingView doesn't have a getModelObject() method so I get a compile error on that line. I've also discovered that there are a few interesting new methods/classes, such as IItemReuseStrategy which may help me write an even more elegant list editor. So, my question: Is there a more recent tutorial somewhere? Or is the above mentioned tutorial still the best way to go apart from some minor changes? best regards, Andreas Lundblad
Re: Add Background image to Modal Window
Thanks Martin, I added the following code to my Panel in the modalwindow; @Override public void renderHead(IHeaderResponse response) { super.renderHead(response); response.render(CssHeaderItem.forCSS(.myModal {background-image:'images/logo.png'; background-color:#A1; }, null)); } This seems to add the color 'A1' to the border alone, but the content background is not transparent. The background is still raw white. The content background color is what I want to change to an image. I will appreciate your assistance. On 29 September 2014 10:13, Martin Grigorov mgrigo...@apache.org wrote: Hi, modalWindow.setCssClassName(myModal); in some #renderHead(IHeaderResponse) in your page do: response.render(CssHeaderItem.forCss(.myModal {background-image: 'the/path/to/the/image.png'} )) Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 11:08 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: Thanks Martin, I am actually using Panel as content. I have added to the code modalWindow.setCssClassName(css/modal.css); But this seems to have no effect. Do I have to do any other thing? Appreciate a nice response from you. On 29 September 2014 09:09, Martin Grigorov mgrigo...@apache.org wrote: Hi, ModalWindow sets CSS classes for its main panel, the title, the content, etc. If you use a Panel as content then you will need to add custom CSS rule to set the background image. If you use a Page as content then set the background image in your page's CSS. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 9:43 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477
Re: Add Background image to Modal Window
Hi, Open the browser Dev Tools and play with the CSS rules until you make it as you wish. Then put the working CSS rules in your code. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 4:24 PM, Ajayi Yinka iamstyaj...@googlemail.com wrote: Thanks Martin, I added the following code to my Panel in the modalwindow; @Override public void renderHead(IHeaderResponse response) { super.renderHead(response); response.render(CssHeaderItem.forCSS(.myModal {background-image:'images/logo.png'; background-color:#A1; }, null)); } This seems to add the color 'A1' to the border alone, but the content background is not transparent. The background is still raw white. The content background color is what I want to change to an image. I will appreciate your assistance. On 29 September 2014 10:13, Martin Grigorov mgrigo...@apache.org wrote: Hi, modalWindow.setCssClassName(myModal); in some #renderHead(IHeaderResponse) in your page do: response.render(CssHeaderItem.forCss(.myModal {background-image: 'the/path/to/the/image.png'} )) Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 11:08 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: Thanks Martin, I am actually using Panel as content. I have added to the code modalWindow.setCssClassName(css/modal.css); But this seems to have no effect. Do I have to do any other thing? Appreciate a nice response from you. On 29 September 2014 09:09, Martin Grigorov mgrigo...@apache.org wrote: Hi, ModalWindow sets CSS classes for its main panel, the title, the content, etc. If you use a Panel as content then you will need to add custom CSS rule to set the background image. If you use a Page as content then set the background image in your page's CSS. Martin Grigorov Wicket Training and Consulting https://twitter.com/mtgrigorov On Mon, Sep 29, 2014 at 9:43 AM, Ajayi Yinka iamstyaj...@googlemail.com wrote: hi all, I have been looking for means to customize modal window background. How can this be achieved? -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477 -- Ajayi S . Yinka +2348022684477