Displaying one qml fro another using Loader

  • How do i display a new QML page form an existing screen using Loader or states and transition command ? anyone please help

  • Just refer the Qt Documentation Loader. It has nice example. You can look below.

    import QtQuick 2.0

    Item {
    width: 200; height: 200

      Loader { id: pageLoader }
      MouseArea {
          anchors.fill: parent
          onClicked: pageLoader.source = "Page1.qml"


  • Hello Friends,

    I have the same problem. I have tried this code but it does not work.

    Can someone help me please?

    Thank you


  • Did u try the example given by me in the post ?

  • yes but it didn't work for me.



  • /home/walter-j/Pictures/Screenshot from 2017-05-17 18-53-20.png

  • 0_1495043835571_Screenshot from 2017-05-17 18-53-20.png

  • Moderators

    The image-upload feature on our forum is broken, you might see the picture but other users don't. Please upload your image to a image hoster of your choice (e.g. postimage.org) and embed the pic here with the following markup: ![alternate text](image-url). See also How to insert image on this forum and Hitchhiker's Visual Guide to the Qt Forum.

  • Qt Champions 2016

    I could see it :) First time ever. Wonder ho w long it lasts. anywayre , here is copy
    alt text

  • Sorry

    It does not work.



  • i see the problem it can load the page but not unload the preceding page.

    dou you have an idea how to unload the first page please?

    Thank you


Log in to reply