vertical title alignment custom title bar

Similar Questions

• Problem: The Page with the title bar, Vertical alignment Center does not work BB 10 keyboard (720 x 720)

  Hello

  I want centered vertically align something (for example, a label) on a page with the qml following, but it is not aligned properly on the keyboard BB (720 x 720), it aligns on the contrary always on top. It aligns not centered vertically as expected on BB 10 all touch (1280 x 768).

  import bb.cascades 1.0
  
  Page {
      titleBar: TitleBar {
          title: "Title"
      }
      Container {
          layout: DockLayout {
          }
          background: Color.create("#444444")
          verticalAlignment: VerticalAlignment.Fill
          Label {
              text: "label"
              verticalAlignment: VerticalAlignment.Center
          }
      }
  }
  

  I realize also realize that if I remove the title bar, and then it snaps as I want. Anyone have a solution this? Thank you.

  Try with this:

      titleBar: TitleBar {
          title: "Title"
          scrollBehavior: TitleBarScrollBehavior.Sticky
      }
  

• Remove bottom line of (customized) title bar

  I made a custom title bar, and I don't know how to remove the blue bottom line of it (see photo).

  

  Use it like this:

  Page {
          titleBar: MyTitleBar {
  
          }
  

  and it's like this (MyTitleBar.qml):

  TitleBar {
      kind: TitleBarKind.FreeForm
      kindProperties: FreeFormTitleBarKindProperties {
  //...
  

  You must use a different component, it is part of the title bar and cannot be deleted.

• custom like foursquare title bar

  I've been looking around but have not yet found an answer to this. is it possible to create a title bar custom like foursquare in their app bb10? If Yes, where can I find documentation about it?

  http://www.Engadget.com/2012/09/25/rim-shows-off-native-Facebook-app-for-BlackBerry-10/

  Thank you!

  Currently, there is no good in the title bar to make custom like foursquare.

  If you want to do like foursquare you carete custom control using containers and imageview.

• Custom title bar

  Hello!

  I have a few questions.

  First of all.

  Is there a way to peronalize the title bar, as for example, to put a picture on it? Center the text? (other than spacing it completely to the Center).

  In the second place.

  Given that I have not found a way to customize the title bar, as I wanted, I used a .png I did, like the title bar. But I found a problem with this, whenever the keyboard appears, the narrowings of the image to contain all the content on the screen. Is there a way to avoid this? or give an image the same properties as a title bar?

  Thank you!

  I suggest the creation of a custom, control which is what I did in my application.

  In this way, you can add all the features that you want in the title bar.

  It's one of the great features of waterfalls, a stock control is not appropriate, roll.  A custom control with a label and an imageview, roberts your mothers brother, you have an image in a title bar.

• With 43 on Mac version in the title bar transparency disappeared, what happened?

  Before the upgrade to version 43, the title bar/app window was transparent to match Yosemite/El Capitan, and now it's over...

  I'm not using a theme, and I'm not in private browsing mode.

  By help on Reddit:

  This bug deleted dynamism (blur effect) in 44: https://bugzilla.mozilla.org/show_bug.cgi?id=1161565 the patch has been raised and then to 43.
  You should be able to bring back vitality by using a custom stylesheet:

  1. TitleBar {}

   -moz-appearance: -moz-mac-vibrancy-light
  

  }
  You can also get dark shine using - moz-mac-dynamism-black

  Here is a similar workaround: http://apps-reviewed.blogspot.com/2015/01/make-firefox-translucent-in-os-x.html

• How can I get rid of the title bar?

  When I installed Firefox on my new computer Windows 8, I got a style in which there is no title bar. The tabs are up there with a Firefox orange button on the left. It allows to access the menu items. I like that. However, I tried the function of my profile on a Windows 7 computer. (A lot of stuff in there). When I installed that, it put me in a situation where there is a title bar to waste unnecessarily vertical screen space. In this profile of Windows 7, I used the Tiny Menu addon to compress menu items on a single button. It is on a line with the address bar and the search bar. The tabs are below. I can't understand what is set in the profile of my Windows 7 to get the appearance I like in the 8 Windows Installer.

  I tried the tips here: http://www.squidoo.com/hide-firefox-title-bar
  I see no label on the higher setting and browser.tabs.drawInTitlebar is already set to true. When I turn off the Menu bar and title bar goes away and the legs are up there with the orange button in Firefox; However, I lose the address bar and the search quite bar.

  There must be a way to solve this problem. Any help would be appreciated.

  The Navigation toolbar has a check mark if you right click on a empty space on the tab bar?

  It has no effect if you open a new window?

  You can check the problems caused by a corrupt localstore.rdf file.

  • http://KB.mozillazine.org/Corrupt_localstore.RDF

• How to change the color of the title bar on an application?

  Original title: Windows title bar

  I use Windows Vista Ultimate on a Sony Vaio. I've customized my Windows Vista Basic theme so that my title bar was black. I don't know what happened all of a sudden today. A program called HP Update did something and the title bar changed suddenly light blue and I can't change it back! Everything was fine before. Help!

  Hello

  In native mode, change the title bar, you do not use the Vista theme. Check under personalisation/themes to see if updating is returned to the system in this mode. If so, change it to a standard theme. Once in the standard theme, you should be able to change the color of title bar (and others) in the classic appearance properties.

  If you are using a count of third-party product to change the user interface, you will need to consult with the support for this product.

  Good luck, Rick Rogers, aka "Crazy" - Microsoft MVP http://mvp.support.microsoft.com Windows help - www.rickrogers.org

• Current color of the title bar

  I'm trying to change the color of the title bar active windows, because I can't say
  which window is active in some cases.

  -I right click on the desktop.
  -Customize
  -Advanced
  -J' I click on the title bar (interactive space) to change to the decline in the asset down the selection to "active title bar".
  - Then I select the custom color for the active title bar supposed. Everything seems fine
  in the preview, but after clicking on "ok", nothing is changed in the Windows environment.

  Any ideas?

  TIA

  Hello

  If you run the Vista Aero theme, you cannot customize these settings. You need spend a classic theme first.

  Good luck, Rick Rogers, aka "Crazy" - Microsoft MVP http://mvp.support.microsoft.com Windows help - www.rickrogers.org

• Change the title bar

  Can I change the title bar, to record a few additional items in the title bar?

  I need to change the title bar and want to add the search box, basically a text of the entry, and the Cancel button. Y at - it a special component available in the SDK of AIR BB10 or I have to create a custom?

  No, not directly. You will be able to extend, add your new items and replace the updateDisplayList to organize what they way you want.

  Alternatively, you can add your items to the display list at the same level as the title bar and in the container owner, position new items 'above' the title bar. Just make sure that you add the new children after the title bar.

• Added drop-down list for the title bar

  Hi - I want to add a menu component from the 'title bar ' of my application.  Something very similar to that implemented in the Poynt application.

  I already gave up to use something similar to setTitle and have a horizontalFieldManager added to my request before I add a vertical Manager.  First, I added a label to my horizontal Manager field and that works fine, but when I tried (to test) to add an ObjectChoiceField he appeared on the next vertical row, not next to my text.  I'm quite lost when it comes to customize aspects of the UI of my BB apps.

  I suspect that the problem here is that, by default, the ObjectChoiceField will use the entire width.  You should limit its width, by substituting the layout and getPreferredWidth for the ObjectChoiceField.  Memory, a LabelField, will ask only for the width it needs.

  Here is an example that puts a DateField and an ObjectChoiceField in the title area.  I hope you can rework to meet your requirement.

  HorizontalFieldManager hfm = new HorizontalFieldManager();
  hfm.add(new DateField("Some Text: ",  System.currentTimeMillis(),
                  DateFormat.getInstance(DateFormat.TIME_DEFAULT)) {
      public int getPreferredWidth() {
          return 150;
      }
      protected void layout(int width, int height)  {
          super.layout(getPreferredWidth(), height);
      }
  });
  hfm.add(new ObjectChoiceField(" ",new String[]{"some", "text"} ));
  setTitle(hfm);
  

• Update the title bar or something when NFC Message received (HELP!)

  I send you a message using NFC. I want to update the title bar title whenever my application receives a message. Code does not work.

  I use the example of receiver NFC of GitHub with some modifications.

  Any ideas why it does not work? In addition, no idea where I would add code to trigger another method, as soon as the new payload is received?

  main.cpp

   

  /* Copyright (c) 2012, 2013  BlackBerry Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
  
  #include "NfcReceiver.hpp"
  
  #include 
  #include 
  #include 
  #include 
  
  #include 
  #include 
  
  using namespace bb::cascades;
  
  Q_DECL_EXPORT int main(int argc, char **argv)
  {
      Application app(argc, argv);
  
      // localization support
      QTranslator translator;
      const QString locale_string = QLocale().name();
      const QString filename = QString::fromLatin1("nfcreceiver_%1").arg(locale_string);
      if (translator.load(filename, "app/native/qm")) {
          app.installTranslator(&translator);
      }
  
  //! [0]
      NfcReceiver nfcReceiver;
  
      QmlDocument *qml = QmlDocument::create("asset:///main.qml").parent(&app);
      qml->setContextProperty("_nfcReceiver", &nfcReceiver);
  
  //! [0]
  
      AbstractPane *root = qml->createRootObject();
  
      //set objects
      TitleBar* tb = new TitleBar();
      tb = root->findChild("titleBar");
  
      Application::instance()->setScene(root);
  
      return Application::exec();
  }
  

  NfcReceiver.cpp

  /* Copyright (c) 2012, 2013  BlackBerry Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
  
  #include "NfcReceiver.hpp"
  
  #include 
  #include 
  #include 
  #include 
  
  //! [0]
  NfcReceiver::NfcReceiver(QObject *parent)
      : QObject(parent)
      , m_messageRecords(new bb::cascades::QVariantListDataModel()),
      //THIS PART BELOW. NOT SURE IF I AM DOING SOMETHING RIGHT OR WRONG NEED TO EXPOSE tb contextProperty to this class...
      tb(new bb::cascades::TitleBar())
  {
      m_messageRecords->setParent(this);
      tb->setParent(this);
  
      // Create an InvokeManager
      bb::system::InvokeManager *invokeManager = new bb::system::InvokeManager(this);
  
      /**
       * The signal invoked(const bb::system::InvokeRequest&) is used for applications.
       */
      bool ok = connect(invokeManager, SIGNAL(invoked(const bb::system::InvokeRequest&)),
                        this, SLOT(receivedInvokeTarget(const bb::system::InvokeRequest&)));
      Q_ASSERT(ok);
      Q_UNUSED(ok);
  
  }
  //! [0]
  
  //! [1]
  void NfcReceiver::receivedInvokeTarget(const bb::system::InvokeRequest& request)
  {
      // The data contains our NDEF message
      const QByteArray data = request.data();
  
      // Create out NDEF message
      const QtMobilitySubset::QNdefMessage ndefMessage = QtMobilitySubset::QNdefMessage::fromByteArray(data);
  
      // Fill the model with the single records
      m_messageRecords->clear();
  
      for (int i = 0; i < ndefMessage.size(); ++i) {
          const QtMobilitySubset::QNdefRecord record = ndefMessage.at(i);
  
          QVariantMap entry;
          entry["tnfType"] = record.typeNameFormat();
          entry["recordType"] = QString::fromLatin1(record.type());
          entry["payload"] = QString::fromLatin1(record.payload());
          entry["hexPayload"] = QString::fromLatin1(record.payload().toHex());
  
          m_messageRecords->append(entry);
  
      }
  
      emit messageReceived();
  
      //set titlebar title // this is failing... :(
      setTitle();
  
  }
  //! [1]
  
  bb::cascades::DataModel* NfcReceiver::messageRecords() const
  {
      return m_messageRecords;
  }
  
  void NfcReceiver::setTitle(){
      tb->setTitle("boo");
  }
  

   

  NfcReceiver.hpp

  /* Copyright (c) 2012, 2013  BlackBerry Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
  
  #ifndef NFCRECEIVER_HPP
  #define NFCRECEIVER_HPP
  
  #include 
  
  #include 
  #include 
  #include 
  #include 
  namespace bb { namespace cascades { class Application; }}
  
  /*!
   * @brief A helper class that encapsulates the code to receive a NDEF message.
   */
  class NfcReceiver : public QObject
  {
      Q_OBJECT
  
      // A property to make the received NDEF message records available to the UI
      Q_PROPERTY(bb::cascades::DataModel* messageRecords READ messageRecords CONSTANT)
  
  public:
      /**
       * Creates a new NFC receiver object.
       *
       * @param parent The parent object.
       */
      NfcReceiver(QObject *parent = 0);
  
  Q_SIGNALS:
      // This signal is emitted whenever a new NDEF message has been received
      void messageReceived();
  
  private Q_SLOTS:
      // This slot is invoked whenever the InvokeManager detects an invocation request for this application
      void receivedInvokeTarget(const bb::system::InvokeRequest& request);
      // SET TITLE
      Q_INVOKABLE void setTitle();
  private:
      // The accessor method of the property
      bb::cascades::DataModel* messageRecords() const;
  
      // The model that contains the records of the received NDEF message
      bb::cascades::QVariantListDataModel* m_messageRecords;
  
      //NOT SURE IF I AM EXPOSING THE TITLEBAR CORRECTLY HERE
      bb::cascades::TitleBar* tb;
  };
  
  #endif
  

  hand. QML

   

  /* Copyright (c) 2012, 2013  BlackBerry Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
  
  import bb.cascades 1.0
  
  Page {
      titleBar: TitleBar {
          id: t
          objectName: "titleBar"
          title: "awesome"
      }
      Container {
          layout: StackLayout {
              orientation: LayoutOrientation.TopToBottom
          }
  
          // The background image
         /* ImageView {
              horizontalAlignment: HorizontalAlignment.Fill
              verticalAlignment: VerticalAlignment.Fill
  
              imageSource: "asset:///images/background.png"
          }*/
  
          //! [0]
          // The list view that shows the records of the received NDEF message
          ListView {
              horizontalAlignment: HorizontalAlignment.Fill
              verticalAlignment: VerticalAlignment.Fill
  
              dataModel: _nfcReceiver.messageRecords
  
              listItemComponents: [
  
                  ListItemComponent {
  
                      type: ""
  
                      Container {
                          preferredWidth: 768
                          leftPadding: 10
                          rightPadding: 10
  
                          Field {
                              title: qsTr("tnf type")
                              value: ListItemData.tnfType == "0" ? qsTr("Empty Tag") :
                                     ListItemData.tnfType == "1" ? qsTr("Well Known Type") :
                                     ListItemData.tnfType == "2" ? qsTr("Media (MIME)") :
                                     ListItemData.tnfType == "3" ? qsTr("Uri") :
                                     ListItemData.tnfType == "4" ? qsTr("External") : ""
                          }
  
                          Field {
                              title: qsTr("record type")
                              value: ListItemData.recordType == "Sp" ? qsTr("Smart Poster") :
                                     ListItemData.recordType == "T" ? qsTr("Text") :
                                     ListItemData.recordType == "U" ? qsTr("Uri") :
                                     ListItemData.recordType == "Gc" ? qsTr("Generic Control") :
                                     ListItemData.recordType == "Hr" ? qsTr("Handover Request") :
                                     ListItemData.recordType == "Hs" ? qsTr("Handover Select") :
                                     ListItemData.recordType == "Hc" ? qsTr("Handover Carrier") :
                                     ListItemData.recordType == "Sig" ? qsTr("Signature") : ""
                          }
  
                          Field {
                              title: qsTr("payload")
                              value: ListItemData.payload
                          }
  
                          Field {
                              title: qsTr("hex")
                              value: ListItemData.hexPayload
                          }
                      }
                  }
              ]
          }//end listview
          Label{
              // I WANT TO GET THE PAYLOAD AND PARSE IT IN A CUSTOM WAY HERE....
              id: parsedText
              text: ""
              textStyle.fontSize: FontSize.XXLarge
              textStyle.color: Color.Black
  
          }
          //! [0]
      }
  }
  

   

  I'm just trying to help here. What does not work is I looked at your code and I looked at my code and I do not have a reference point on what parts do what...

  I want to respond in a tough manner and does not help when I'm obviously confused on the implementation and the instructions are not clear. The documentation is written for someone who has already worked with NFC and protocols, not beginners wishing to implement NFC functionality in the application.

  Based on this kind of response, I'll just leave NFC functionality out of my application.

• Title bar of the device in page layout templates

  I like the new feature of models of provision. Makes things MUCH easier. A suggestion: I would really like to see the title bar of device appears in the simulation of the layout. I know that it is just a simulation, but when you make a layout for the iPhone 6, for example, the title bar takes up more than 10% of the vertical space on the screen. This is not reflected in the simulation of the layout, so trying to place a banner at the top when you use a collection image as a background image, for example, is a business blindly.

  Hi Keith!

  We are glad you like it!

  We have heard this request before, and we'll get it in the tool. Thanks for the suggestion!

  Kind regards

  Andrei

• title bar disappears when using multiple monitors

  Hey,.

  I have four monitors organized from left to right as 1280 x 1024, 1920 x 1200, 1920 x 1200, 1280 x 1024 on W2K12. All monitors are placed to the same vertical origin of zero. I use RDP to access virtual machines using all monitors. When I open a PDF using Acrobat Reader, it locates to a monitor of environment, but as long as any other PDF format remains open, brand new open on my left monitor most. It is not so bad that I can move it to another monitor again.

  However, what is bad, which is the PDF file on the left that most monitor is placed so the title bar is hidden, and the PDF is maximized. I need to position the mouse on a corner, then change the size slightly, and then the fall title bar downwards and is accessible. For now, I have twenty PDFs I have to check and compare and I get cheesed.

  It would be great if you could change this behavior. Always have the bar showing something Adobe random location is appropriate on my title screen or allow a certain control over all this in a configuration screen. Please, I beg you.

  Thank you

  Bob.

  If you wish to submit a bug report: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

• The title bar font is badly behaving output Responsive HTML5

  Please help - this problem is sapping precious hours and I can't find a solution. I created a new nice sensitive provision of HTML 5 in RoboHelp 11 - but the police of the title bar is not rendered such size stipulated in the editor.

  This seems to be the specific project that I can use the stock and other provisions to screen with the same result. I exported my sensitive custom layout in a new project, and it behaved as it should.

  

  The results generated, I get (see illustration) has a size of bad character in the title bar, the size of this font should be much larger. I checked by about each setting of the project, and I don't know why it does this.

  Do the same with the stock sensitive presentation of the screen:

  

  A person is able to shed light on this, your recommendations would be greatly appreciated.

  You have the "Scope of project styles limit" setting enabled in your SSL?

  My guess is that this setting is at the origin of the problem.

  Kind regards

  Willam