[Solved]problem with anchors between symbian belle and belle FP1

boumacmilan

I work on application using TabBar and TabGroup it works perfectly on Symbian belle but when i try it on Symbian belle FP1 I have anchors problem the top of the tabGroup don't anchors with the bottom of the TabBar This is my code

@
Page
{
id:root
property Menu menu

StatusBar{
    id:stat
    anchors.top: parent.top
}

property PageStackWindow currentTabPageStack: annoncestack

Image{
    id:fondgris
    source: "images/foninter.png"
    anchors.top: stat.bottom
    width: root.width
}

Image{
    id:logo
    source: "images/logo.png"
    anchors.top: stat.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    anchors.topMargin: 8
}

Text {
    id: txtrub
    text: "Annonces"
    font.pointSize: 6.5
    color:"#383a4b"
    anchors.horizontalCenter: parent.horizontalCenter
    anchors.top: logo.bottom
    anchors.topMargin: 8
}

TabBar {
    id: tabBar
    z: 1
    platformInverted: true
    height: 60
    anchors { left: parent.left; right: parent.right; top: fondgris.bottom; }

    TabButton {
        tab: annoncestack;

        platformInverted: true
        Image{
            anchors.verticalCenterOffset: -13
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "images/star.png"
        }
        Text {
            id:txt
            text: "tab1"
            anchors.verticalCenterOffset: 17
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
            font.pixelSize: 13
            color: "#59595a"
        }
        onClicked: {
            currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
        }
    }
    TabButton {
        tab: recherchestack;
        platformInverted: true
        Image{
            anchors.verticalCenterOffset: -13
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "images/zoom.png"
        }
        Text {
            text: "tab2"
            anchors.verticalCenterOffset: 17
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
            font.pixelSize: 13
            color: "#59595a"
        }
        onClicked: {
            currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
        }
    }
    TabButton {
        tab: deposerstack;
        platformInverted: true
        Image{
            anchors.verticalCenterOffset: -13
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "images/add.png"
        }
        Text {
            text: "tab3"
            anchors.verticalCenterOffset: 17
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
            font.pixelSize: 13
            color: "#59595a"
        }
        onClicked: {
            currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
        }
    }
    TabButton {
        tab: favoristack;
        platformInverted: true
        Image{
            anchors.verticalCenterOffset: -13
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "images/hearTab.png"
        }
        Text {
            text: "tab4"
            anchors.verticalCenterOffset: 17
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
            font.pixelSize: 13
            color: "#59595a"
        }
        onClicked: {
            currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
        }
    }

}


TabGroup {
    id: tabGroup

anchors { left: parent.left; right: parent.right;top:tabBar.bottom ;bottom: parent.bottom }

    PageStackWindow{
        id: annoncestack

        showToolBar: false
        showStatusBar: false
        platformInverted: true
        initialPage: ann
    }

    PageStackWindow{
        id: recherchestack

        showToolBar: false
        showStatusBar: false
        platformInverted: true
        initialPage: rech
    }

    PageStackWindow{
        id: deposerstack

        showToolBar: false
        showStatusBar: false
        platformInverted: true
        initialPage: depo
    }

    PageStackWindow{
        id: favoristack

        showToolBar: false
        showStatusBar: false
        platformInverted: true
        initialPage: fav
    }

    onCurrentTabChanged: {
        currentTabPageStack = currentTab

        favoristack.pageStack.currentPage.addListe();
        console.log("ana hena");
    }
}


PageA{
    id:depo
}
PageB{
    id:rech
}
PageC{
    id:fav
}

Page{
    id:ann
    property Menu menu
    width: root.width

....
}
}
@

thanks for your help

aykon

you say "the top of the tabGroup don’t anchors with the bottom of the TabBar"
but your code says:
@id: tabGroup
anchors { left: parent.left; right: parent.right;top:tabBar.top ;bottom: parent.bottom }@

So I guess it should be:
top:tabBar.bottom

boumacmilan

Thanks aykon for your answer
Yes it should be top:tabBar.bottom it’s just a mistake I still got the same problem the tabGroup don’t anchors with the bottom of the TabBar

boumacmilan

i manage to solve the problem i change the pagestackwindow to pagestack and it works great
thanks