framework7

Open full view…

Inset Content Blocks/List Blocks

Michael Garrod
Thu, 15 Jan 2015 22:44:59 GMT

Hey everyone! I love F7, but God am I frustrated. No matter WHAT I try, I cannot for the life of me get inset content to display correctly! No matter what I try, it always appears incorrectly - the white box simply is not showing up. Even when I directly copy the code from the Docs, it just does NOT show up!! What am I doing wrong?? It's got to be a bug, no? It's been like this for the past few versions I've downloaded.

Kelvin
Thu, 15 Jan 2015 22:50:37 GMT

What Browser do you use and do you have a link to the site?

Vladimir Kharlampidi
Thu, 15 Jan 2015 22:52:39 GMT

Can you post your code example that you have tried?

Michael Garrod
Thu, 15 Jan 2015 23:10:32 GMT

I use Chrome, but the browser hasn't made a difference as I've tested it across every browser (except IE, that won't work anyways LOL) The HTML example is literally a direct copy and paste from the documentation; I'll paste it here anyways. Note that I have checked that the CSS is linked correctly and all, everything else displays without flaw on the page. ><div class="content-block-title">Inset</div> ><!-- Inset content block --> ><div class="content-block inset"> > <p>Donec et nulla auctor massa pharetra adipiscing ut sit amet sem. Suspendisse molestie velit vitae mattis tincidunt. Ut sit amet quam mollis, vulputate turpis vel, sagittis felis. </p> ></div>

Vladimir Kharlampidi
Thu, 15 Jan 2015 23:12:59 GMT

Are you sure that you copy paste from docs correct part? :D If you need content block with white background you also need .content-block-inner --- <div class="content-block inset"> <div class="content-block-inner"> <!-- this gives you white bg --> ... </div> </div>

Michael Garrod
Thu, 15 Jan 2015 23:27:44 GMT

Oh, wow, it was that simple, huh? Thanks! However, I would like to point out that as shown in this image, that isn't what it shows in the documentation. Thanks a bunch, though!!! http://prntscr.com/5syysb

Vladimir Kharlampidi
Thu, 15 Jan 2015 23:24:31 GMT

Hmm, right. Missed inner block in last examples. Will update it, thanks

Michael Garrod
Thu, 15 Jan 2015 23:32:12 GMT

Thanks for your help! F7 is perfect again ;)