Nested views full width


#1

Hi everyone, i cant get my nested states fit the root page.

What i’m doing wrong?

here’s my root page look like:

<div class="bar bar-header bar-dark">
<h1 class="title">bar-dark</h1>
</div>
<ion-content class="has-header" ng-controller="Main" scroll="false">
<div class="row responsive-md">
    <div class="col col-33" style="background-color:white; border-right: 1px solid #DFE1E1;"></div>
    <ion-nav-view name="grid"></ion-nav-view>
</div>
</ion-content>

#2

Do you want the nested state to be under that column or fill the rest of the width like a 30%/70%?

If you want them side by side, you need to put the in a column too.

<div class="row responsive-md">
    <div class="col col-33" style="background-color:white; border-right: 1px solid #DFE1E1;"></div>
    <div class="col-col-67">
        <ion-nav-view name="grid"></ion-nav-view>
    </div>
</div>

Typing this on my phone so I hope it’s all formatted correctly haha.


#3

Hi!

Thanks alot for your reply.

I’ve figure out how to do it in my way :smile:

Now looks good :wink: