CustomLayout - multiple problems (JavaScript, browser behaviour, CSS)

hi!

i make a new thread because things are getting special now :slight_smile:

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 :slight_smile:

thank you!!!

hmm… 3 days left and really no ideas? can’t believe this :slight_smile: