framework7

Open full view…

split-view and co

tiptronic
Sat, 24 May 2014 17:40:03 GMT

In the split-view-example the page is set-up using this code: --- <!-- Left panel with reveal effect--> <div class="panel panel-left panel-cover"> --- if I change the panel to 'reveal': --- <div class="panel panel-left panel-reveal"> --- it doesn't show up any more... is this intended?

Vladimir Kharlampidi
Sat, 24 May 2014 17:40:47 GMT

Split View or Split View with degradation?

tiptronic
Sat, 24 May 2014 17:42:21 GMT

examples/split-view-panel/

Vladimir Kharlampidi
Sat, 24 May 2014 17:45:05 GMT

You should make appropriate fixes in my-app.css to make it visible by default

tiptronic
Sat, 24 May 2014 17:49:11 GMT

Hehe... you know, without documentation this is kinda blind-flight ;)... so what are the 'appropriate fixes' (if you don't mind :))? I just found f7 yesterday and still trying to figure out how everything comes together - that's why I posted in the 'Getting started' forum ;)

Vladimir Kharlampidi
Sat, 24 May 2014 18:13:05 GMT

But i will not document how every line of css works:) You need to open panel, look which styles and classes have body, .panel and .views. And duplicate this classes using media queries for large screen so the panel will always be visible

tiptronic
Sat, 24 May 2014 18:38:08 GMT

Haha... no need to document everything, but at least the basic workings... I don't understand what needs to get changed to make that work. I added all appropriate css-styles to my-app.css, but it still doesn't show up... (any small info appreciated pretty please ;))

tiptronic
Sat, 24 May 2014 19:24:13 GMT

Finally I found it - I had to move the panel out of the main views-block

tiptronic
Sun, 25 May 2014 00:41:23 GMT

Too bad - it now shows correctly, but I can't click anything... seems to have something to do with it's 'active' state, but without documentation or a working example it's really hard to figure out what's going on there. It might be clear to you - but not to me... So could you whip up the split-view-panel example and show how that is supposed to work (iPad horizontal orientation, panel-reveal)? TIA

Vladimir Kharlampidi
Sun, 25 May 2014 11:59:28 GMT

Look at the panel-overlay. Probably because of it you can't click anything

tiptronic
Sun, 25 May 2014 15:23:17 GMT

Sorry - I recreated the whole UI in a bit more than an hour in onsenui; I'll give f7 a shot later (generally I really like it, but there are too many shortcomings and unclear behaviours at the moment).