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.

Tags: BlackBerry Developers

Similar Questions

  • 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.

  • Firefox color title bar non active windows 10 color

    I stopped using Firefox, even if I like it because when it is the Active window in Windows 10, the title of Firefox bar stays gray instead of lighting upward with Active Windows 10 color I selected for the operating system Windows 10. I am aware of the Firefox themes, but I do not want the module. Themes, such as the default Firefox title bar, never change color to indicate that it is the active window. I sometimes Firefox several windows open and she becomes confused when all these gray bars at the top of windows Explorer are all the same color when I need one that is currently active stands out compared to all the others. My 2nd favorite is browser Chrome and this beautifully if unfortunately I use Chrome now. I hope that Firefox will change their current practice of "painting" on by default, the active title bar set by the operating system with a static gray bar and let Windows set the Active window apart from all others! Then I will return happily to use Firefox as I have for many years.

    I found a solution that I thought I'd post here in case others do not like the title bar gray of Firefox. Is to create a folder in the AppData\Roaming\Mozilla\Firefox\Profiles\{filename}.default region and create a folder called Chrome and a file inside this folder called userChrome.css. Once I pasted into the code and saved the file and restarted Firefox, when it came to the title bar is now picking up reflecting the color of the active window, I put for objects window Windows 10. I don't know if there will be repercussions because of this, but. If anyone is interested, here is the link: http://www.askvg.com/tip-get-colored-titlebar-back-in-mozilla-firefox-in-windows-10/ it's really too bad Firefox chooses hide the default color of Windows for the active window to help distinguish this window of all the other windows (inactive). I would like to know the reason for this decision and why I resorted to hunt her down, creation and installation code to achieve what should be the default behavior. Disadvantage of 11/09/16-one UPDATE that I've noticed with this approach is the tabs do not easily distinguish without borders/lines/plan and the color of the tab is the same color as the window title bar active Windows. To improve this, I used an add-on, I used before but had stopped using. It's called colorful tabs and it does the job to change the color of each tab, so they stand out against the background color in the title bar.

  • 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.

  • want to title bar of FF to get the color... just like you bird 38 on Win10 1511

    Just installed Win10 1511, and finally, the title bar of the active window gets coloured again (if you turn it on, I did immediately).

    Thunderbird 38 colors the area behind his legs and the background of the inactive tabs, leaving the active tab with a white background.

    Firefox 42 has resulted in some way a real title bar which appears once again (Yes, tweaking active browser.tabs.drawInTitlebar / disables it) and the title bar is the right color when active, white does not, but lie beneath the tabs.

    I like the behavior in Thunderbird 38. How he do in Firefox?

    Kept looking. I've tried various keywords. Finally found the solution.

  • vertical title alignment custom title bar

    I'm trying to align my title on the vertical center of my title bar, but it didn't budge. Anyone know what is worng?

    Upd: suggestion of @strobejb to use DockLayout works and seems to be the easiest way.

    import bb.cascades 1.0

Page {
    titleBar: TitleBar {
        appearance: TitleBarAppearance.Plain
        kind: TitleBarKind.FreeForm
        kindProperties: FreeFormTitleBarKindProperties {
            Container {
                layout: DockLayout {}
                background: Color.create("#FF66CCCC")

                Label {
                    text: "Title"
                    horizontalAlignment: HorizontalAlignment.Center
                    verticalAlignment: VerticalAlignment.Center
                    textStyle.color: Color.create("#FF000099")
                    textStyle.fontSize: FontSize.XLarge
                }
            }
        }
    }
    Container {
    }
}

    @santito95, your original suggestion to verticalAlignment value VerticalAlignment.Center will work if the container page layout is replaced by a horizontal (LeftToRight). It is vertical by default.

    IMHO, it's the much better solution that with a delay because it allows no values to hardcode, which may break the layout, if the size of the text is adjusted in parameters.

    In this case the label can be set to fill the available space horizontally using one of these methods:
    (1) setting "preferredWidth: Infinity" and Center the text
    (2) setting "StackLayoutProperties {spaceQuota: 1}" and Center the text
    (3) surrounding label with two empty containers with spaceQuota non-zero.

    Code samples for 1)

    import bb.cascades 1.0

Page {
    titleBar: TitleBar {
        appearance: TitleBarAppearance.Plain
        kind: TitleBarKind.FreeForm
        kindProperties: FreeFormTitleBarKindProperties {
            Container {
                layout: StackLayout {
                    orientation: LayoutOrientation.LeftToRight
                }
                background: Color.create("#FF66CCCC")

                Label {
                    text: "Title"
                    verticalAlignment: VerticalAlignment.Center
                    textStyle.color: Color.create("#FF000099")
                    textStyle.fontSize: FontSize.XLarge
                    textStyle.textAlign: TextAlign.Center
                    preferredWidth: Infinity
                }
            }
        }
    }
    Container {
    }
}

    Sample code for 2)

    import bb.cascades 1.0

Page {
    titleBar: TitleBar {
        appearance: TitleBarAppearance.Plain
        kind: TitleBarKind.FreeForm
        kindProperties: FreeFormTitleBarKindProperties {
            Container {
                layout: StackLayout {
                    orientation: LayoutOrientation.LeftToRight
                }
                background: Color.create("#FF66CCCC")

                Label {
                    text: "Title"
                    verticalAlignment: VerticalAlignment.Center
                    textStyle.color: Color.create("#FF000099")
                    textStyle.fontSize: FontSize.XLarge
                    textStyle.textAlign: TextAlign.Center
                    layoutProperties: StackLayoutProperties {
                        spaceQuota: 1
                    }
                }
            }
        }
    }
    Container {
    }
}

    Code samples for 3)

    import bb.cascades 1.0

Page {
    titleBar: TitleBar {
        appearance: TitleBarAppearance.Plain
        kind: TitleBarKind.FreeForm
        kindProperties: FreeFormTitleBarKindProperties {
            Container {
                layout: StackLayout {
                    orientation: LayoutOrientation.LeftToRight
                }
                background: Color.create("#FF66CCCC")

                // Add other controls here
                Container {
                    layoutProperties: StackLayoutProperties {
                        spaceQuota: 1
                    }
                }
                Label {
                    text: "Title"
                    verticalAlignment: VerticalAlignment.Center
                    textStyle.color: Color.create("#FF000099")
                    textStyle.fontSize: FontSize.XLarge
                }
                Container {
                    layoutProperties: StackLayoutProperties {
                        spaceQuota: 1
                    }
                }
                // Add other controls here
            }
        }
    }
    Container {
    }
}

  • Adding the portlet title bar background image

    Hello
    Anyone know how to add a background image of the portlet title bar. I tried to use the editor of LAF, but nothing seems to work. The image will be static and not change.
    Any help appreciated.

    Hi Chris
    You must edit the .css file according to the type of skin you use as 'default' or "bighorn sheep" if 10.x and 9.x etc. Is better to install Firebug for Firefox and inspect the title bar of firebug. That should say exactly what .css file and which element in the .css file is used to make the Portlet title bar.

    For a 'default' skin, the file is window.css and the element of this file is '.bea-Portal-window-titlebar"with background-color: #XXXXXX. Replace or add another field as background-image: url (your image path). This window.css file is located under WebContent\framework\skins\default\css\window.css. Don't forget that in 9.x and 10.x to see this file from the IDE of the workshop, you will need to change the display to the mergers and select this file and copy this to your project to see. BUT, I do not recommend to change all off .css file box. Instead, create a new custom.css file and add entries in this file that you want to replace. This is the standard way to customize everything outside skins appearance. So in your custom.css file will have an entry like this:

    . BEA Portal window title bar {}
    background-image: url (your image path)
    }

    For the skin "bighorn" introduced in 9.x and 10.x, items in .css files are slightly different, but the concept is the same. I've customized out-of-area bighorn skin to change the background color of the portlet title bar. The location of .css in the title bar of the portlet for bighorn sheep skin is: WebContent\framework\skins\bighorn\css\colors.css and the element is ".wlp-Bighorn-titlebar. For the quick test of Firebug, inspect this element and change the background color to something else and see if it reflected in Firefox. Then, you can create file custom.css under the same folder structure in your web portal project and write this element and this single field with the background image you want something like:

    {} .wlp-Bighorn-titlebar
    background-color: #FF0000;
    background-image: url (your image path);
    }

    It is strongly recommended to have any customizations go into custom.css only file. Please make sure that you have this entry in custom.css file in the skin.xml file (in the case of bighorn) or skin.properties (in the case of old skin inherited by default). You will find this file .xml or .properties under the same folder as structure: WebContent\framework\skins\yourSkin. For the new bighorn skin.xml file, this entry in custom.css file is already there. But for the old legacy skin by default, you need to add this entry.

    HTH
    Ravi Jegga

  • 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 stop Firefox change my title bar?

    It's frustrating and time - there must be something I've missed to make it stop. With each and every update - Firefox decides I want really different buttons in my bar tools/title bar. It's just crazy, if I wanted the Hello button I would add it. Even with all the other buttons it think I want. How can I stop?

    The title bar is disabled by default. Please provide a screenshot of [with an arrow to] that you refer.

    https://support.Mozilla.org/en-us/KB/how-do-i-create-screenshot-my-problem

    It is best to use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed a maximum file size of 1 MB.

    Then use the Browse .... button below the Post a Reply text box to upload the screenshot.

  • Strange (Chinese) characters displayed in the title bar

    From last 3-4 days I get some strange Chinese characters on top of the title bar or open tabs. They can not be selected by mouse and arrow sometimes (like enter key) is indicated on each tab.
    It's random, means that there is not any special condition when they appear.

    I have reset (all) Firefox, authorized cash, remove all the unknown, having no other than adobe pdf (not compatible) extension.

    I checked for anything installed within the last few days, but there is nothing installed despite updates windows and Firefox (34.0)
    I use windows 8.1. Please check the screenshot for exactly the problem.

    Did you disable or uninstall the McAfee SiteAdvisor?

    The extension of McAfee SiteAdvisor has been reported to cause problems with Chinese characters (CJK) text on the tabs, so that you can disable this extension.

    See also these SUMO son:

  • How to disable tabs in the title bar for all users?

    I want to disable tabs in the title bar for all users, because the air ugly http://i57.tinypic.com/33nkm77.png
    I type in C:\Program Files\Mozilla Firefox\defaults\pref\local-settings.js
    Pref ("browser.tabs.drawInTitlebar", false);
    It does not work, but other options in this file works fine.
    Setting with: config works very well, but only for users perceive.

    Thank you all. Problem solved. I'd like to edit 2 files:

    C:\Program Files\Mozilla Firefox\defaults\pref\local-settings.js
    Pref ("general.config.obscure_value", 0);
    Pref ("general.config.filename", "mozilla.cfg");

    C:\Program Files\Mozilla Firefox\mozilla.cfg
    //
    lockPref ("browser.tabs.drawInTitlebar", false);

  • Cannot delete the new title bar pop up on the windows in the background

    Firefox updated accidentally somehow while I was away and now I have a popup title bar appearing in background windows (like in my two monitors) that covers my data until I make that window active.
    I don't know what it's called, so cannot search terms it.
    Cannot find any references to it.
    It drives me crazy and I'm naïve, for once.
    I don't like it.

    http://i.imgur.com/vL52iWH.jpg

    How can I he kill?

    You can hide the title bar via the "Title bar" button at the bottom left in the palette to customize window.

    • Firefox '3-bar' menu button > customize

  • 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.

  • title bar of Firefox 28

    I noticed here:

    http://sessionManager.mozdev.org/history.html?oldVersion=0.8.0.8 & NewVersion = 0.8.1.0

    you modify menus and get rid of the title bar. I hunted around on your Web site and have not found that a clear explanation of what's going on.

    So I would like a clear explanation.

    At least equally important, I would like to know if I can keep previous functions without change, or if you go to change my UI when I don't want you.

    There will be major changes to the user interface in Firefox 29 and later versions, but Firefox 28 always look the same as the current version of Firefox 27.

    Run nightly (30.0a1) and Aurora (29.0a2) versions have an Australis interface that seems different from the user interface in current versions of Firefox.

    You can watch the classic extension theme restaurateur restore some lost features.

  • How to remove the playlist title bar?

    iMac 2007 - running El Capitan - the previous version of iTunes was good, not great, but enough good to get. Now this new update has ruined it. The problem that I am running is that whenever I open iTunes displays the title bar and there is no way to remove or make the road. Looks like this: I tried pretty much everything I can think and thought that maybe miss me something. I did a search online but nothing compared to this, all the rest but cela. Anyone has any idea would be greatly appreciated. Thank you!

    Wow didn't know how this iTunes update *.

    The display of the selected playlist is ordered from the menu bar.  After selecting playlist, in the menu bar display-> View As-> [select desired display].  You probably view songs .

    NOTE: The sidebar in the latest version of iTunes is designed to be visible, as in the old iTunes (version 10 or earlier) where you could not hide it.  Although you can hide it from current iTunes, you must leave it visible and make it as short as possible.

Maybe you are looking for