search

lorenzofox3 / flexy-layout

61 stars 19 forks source link

Some observations #1

Open devmondo opened 11 years ago

devmondo commented 11 years ago

hi, great module man, i really love it, if you don't mind here are some of the suggestion i have to make it better

now aside question, could you please tell me how did you do the side navigation on the page it is really smooth and i want to do something like that

thanks in advanced.

lorenzofox3 commented 11 years ago

Hello, thanks for your comment 1) you are right but this is css detail let to the user of the module. The minimum set of rules provided in the module (not the demo website) does not even have a particular behavior when hovering 2)For me a splitter is made to split a set of blocks into two parts, so I don't really understand what you mean by close/expand. If you mean what the navigiation pane does on the demo website, it is possible with a normal block (the navigation pane is actually a block-container. 3) this is a bit tricky for the moment as the splitter length its harcoded (to 5px) in the code. So I should put this lenght configurable. Otherwise you can still change the template of the splitter which is a simple empty div.

Finally, the navigation is done with flexy-layout ;) It is inside a block-container in which I have added a directive which behaves like this: when you click on the handle it reduces the container length and lock it. when you click again it un lock it, increase its size the lock it again.

If you want more details you can refer to the gh-pages branch of the repository where the source code of the demo website is available here is the particular directive

Thanks,

Laurent

devmondo commented 11 years ago

awesome, thanks for the fast reply and the navigation explanation i will be using it if you don't mind :)

as for expand and collapse it is something like this http://demos.kendoui.com/web/splitter/index.html

you would see if you double click on the arrow it collapse the related block and change the icon,

what is even better is this http://dhtmlx.com/docs/products/demoApps/dhtmlxDBAdmin/index.html