hi!
i make a new thread because things are getting special now
i’ve created an index.html with corresponding css, image and js files, that
just works
.
(i lend some stylesheets and scripts from
http://kopyov.com/demo/pannonia/wysiwyg.html
because it looks awesome and i paid for it). you can get the working website here:
http://www.file-upload.net/download-8829386/working_html.zip.html
i managed to create a vaadin application that uses CustomLayout and places buttons into the placeholders i put into index.html. you can get the project here:
http://www.file-upload.net/download-8829393/eclipse_project.zip.html
the javascript problems:
- the collapsible function for the main navigation works well in IE10, not in Firefox. i load the javascript files via @JavaScript annotation in my UI class. the js files are placed in the same directory as the java files. like WowiproUI.java.
- i had to give them very short names (e.g. col.js) to get them loaded. if i used the original names like jquery.collapsible.min.js it didn’t load.
- i had to put them in the same folder as the java source files. if i put them in “js/xxx.js” it didn’t work anymore although i referenced the file correctly in @JavaScript annotation
the CustomLayout / CSS specific problems:
- the overall layout is messed up. look at the footer - why?? in the plain html website it just works.
the button-size… the main problem for me.
the buttons i placed into the placeholder divs are just as big as their content, e.g. “Button 1”
. i need them to fill the
elements in the layout (that are the buttons actually…). please take a look at the sample project and you will understand me. the user clicks on the- element. this should fire a click-event in vaadin. one workaround could be, to detect the button-clicks (click on
- element) via jquery e.g.
$(#mainnavbutton1).click(function(){…})
and route that event to vaadin? so there wouldn’t be any vaadin button/component in the placeholders, just the javascript click event, routet to the vaadin application where i could handle it. possible? any other ideas? maybe i’m missing a trick, or buttons are the wrong components to fill the location placeholders…
all in all: i want to use the layout in the example with all styles and javascript stuff - just with vaadin
thank you!!!