Add Background image to Modal Window

2014-09-29 Thread Ajayi Yinka
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

2014-09-29 Thread Martin Grigorov
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

Re: Add Background image to Modal Window

2014-09-29 Thread Ajayi Yinka
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

Re: Add Background image to Modal Window

2014-09-29 Thread Martin Grigorov
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

Re: Add Background image to Modal Window

2014-09-29 Thread Ajayi Yinka
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; },

Re: Add Background image to Modal Window

2014-09-29 Thread Martin Grigorov
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: