← Back to team overview

touch-packages team mailing list archive

[Bug 1474280] Re: including a page inside a dialog breaks headers in a mainview

 

Each application has one header, and that one is maintained by the
MainView itself. Pages, when activated, update header content in the
MainView. Therefore whenever you activate a Page in a Dialog, that will
also update the header in MainView.

Pages are not made to be used in dialogs. They do not have any added
value when used in Dialogs, more, due to the nature of the Page they
would break the Dialog sizing when page content exceeds Dialog frames.
Also, design guides do not advice to have a header to be present in the
dialog. Pages should be used in MainView, PageStack, Tab or the upcoming
MultiColumnView. It is a canvas to hold full-window content.

** Changed in: ubuntu-ui-toolkit (Ubuntu)
       Status: New => Invalid

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1474280

Title:
  including a page inside a dialog breaks headers in a mainview

Status in ubuntu-ui-toolkit package in Ubuntu:
  Invalid

Bug description:
  observe the following code available here: https://code.launchpad.net
  /~rick-rickspencer3/+junk/pagesindialogs

  When you run the app, click on the red rectangle. This causes a dialog
  to appear. When you click close on the dialog, not that the header in
  the mainview is gone. If you remove the Page{} from the dialog, this
  no longer happens. As a result, you cannot reuse pages inside a
  dialog.

  import QtQuick 2.0
  import Ubuntu.Components 1.1
  import Ubuntu.Components.Popups 1.0

  MainView {
      objectName: "mainView"

      applicationName: "reproducer.rick-rickspencer3"
      useDeprecatedToolbar: false

      width: units.gu(40)
      height: units.gu(75)

      Page {
          title: i18n.tr("app")
          MouseArea {
              anchors.fill: parent
              Rectangle {
              color: "red"
              anchors.fill: parent
              }
              onClicked: PopupUtils.open(fakeComponent)
          }
      }
      Component {
          id: fakeComponent

          Dialog {
              id: fakeDialog

              title: "Fake Dialog"
              Page{
                  Button {
                      text: i18n.tr("Close")
                      onTriggered: {
                          PopupUtils.close(fakeDialog)
                      }
                  }
               }
          }
       }
  }

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu/+source/ubuntu-ui-toolkit/+bug/1474280/+subscriptions


References