Questions tagged [appbar]

An application desktop toolbar (also called an appbar) is a window that is similar to the Windows taskbar.

It is anchored to an edge of the screen, and it typically contains buttons that give the user quick access to other applications and windows.

An app bar consists of a toolbar and potentially other widgets

source: http://msdn.microsoft.com/en-us/library/windows/desktop/cc144177(v=vs.85).aspx

634 questions
11
votes
10 answers

How To Make Reuseable HTML Navigation Menus?

I'm sure this topic comes up all the time, But I can't seem to fine a concise answer. I've got a vertical menu bar that I want to reuse in webpages (>20). The Menu Bar is coded in HTML and uses uses: UL, LI, A,
tags, and CSS. We need…
gio
10
votes
1 answer

How to show both drawer button and back button in Flutter app?

For faster navigation to root pages in deep navigation, both Back and Drawer icon buttons need to be shown in AppBar. How to do that in a Flutter app?
Kyaw Tun
  • 12,447
  • 10
  • 56
  • 83
10
votes
4 answers

How to make Recycler View not scroll when appbar snaps

I have made the snapping app bar like this: Please note that when the scroll is left in the middle(i.e the title is half visible, then the app bar snaps automatically) In case of google play this is what the snap looks like: Now, I want the snap…
penduDev
  • 4,743
  • 35
  • 37
9
votes
4 answers

Flutter: How to attach a FloatingActionButton to the AppBar?

The Scaffold-Widget only allows to place a FloatingActionButton at the bottom right or the bottom center. How can I place it between AppBar and body like here? [
hendra
  • 2,531
  • 5
  • 22
  • 34
9
votes
2 answers

Navigation Drawer Over Status Bar In Nougat?

I try to build navigation drawer in my application ,navigation drawer works fine in previous version of nougat but in nougat navigation drawer not comes over the status bar. i tried lot of solutions but not work in nougat please help !! this is my…
xyz rety
  • 671
  • 2
  • 11
  • 22
9
votes
2 answers

Padding / space in Toolbar between icon and title (Android 24)

With the new Android 24, I found out that the icon and title on the Toolbar has a wider padding and I can't find any way to resolve this. Example: MainActivity.java: public class MainActivity extends AppCompatActivity { @Override …
kafaii
  • 103
  • 1
  • 4
8
votes
2 answers

How to make the Flutter app bar with gradient background

This question is being posted here as the related question here on stack overflow has only workarounds but no straight to the point approach.
Yadu
  • 2,979
  • 2
  • 12
  • 27
8
votes
1 answer

How to implement app bar action text instead of action icon in Flutter?

I am trying to implement appbar in the flutter application. I am able to add an action icon that closes the app. I am willing to show the username beside the close action icon. I tried to add new Text() in the action widget array in the appar…
user3831831
8
votes
5 answers

How to make AppBar component from material-ui-next react to scroll events

As per Material Design guidelines: Upon scrolling, the top app bar can […] transform in the following ways: - Scrolling upward hides the top app bar - Scrolling downward reveals the top app bar When the top app bar scrolls, its elevation…
Putzi San
  • 5,566
  • 3
  • 19
  • 35
8
votes
3 answers

TypeError : React object is undefined on createElement

I am new to React and Material UI and I am attempting to create an AppBar with Tabs as children. My current implementation looks like this: import {React, PropTypes, Component} from 'react'; import TodoTextInput from './TodoTextInput'; import…
Brig
  • 123
  • 2
  • 3
  • 6
8
votes
1 answer

How to use coordinator layout with fragment as "scrolling view"

I'm trying to use a coordinator layout with an appbar layout that hosts a fragment as the "scrolling view". The fragment consists of a recyclerView and a bottom aligned layout holding a button, like so: However, the bottom section is hidden by…
8
votes
3 answers

Windows Phone (8) default appbar icons

In the example appbar on my Windows Phone application I can see this line of code added a button: ApplicationBarIconButton appBarButton = new ApplicationBarIconButton(new Uri("/Assets/AppBar/appbar.add.rest.png", UriKind.Relative)); What I find…
Gerharddc
  • 3,921
  • 8
  • 45
  • 83
8
votes
1 answer

Global App bar on windows 8 application

I'm working on a Windows 8 application project. I'm using Visual Studio 2012 and it's predefined Templates (GroupedPage, SplitPage, ItemsPage). At this time I need to add an App bar. the way I choose is to create one and display it on all of the…
Xstahef
  • 654
  • 1
  • 6
  • 14
8
votes
1 answer

How to close appbar (Windows 8 Metro)

When I tap on icon in bottom appbar it stays open. I need close it when button clicked. How can I achieve this? I'm using C#, XAML.
Mike Keskinov
  • 11,614
  • 6
  • 59
  • 87
7
votes
4 answers

Cannot apply AppBar titleTextStyle on the title Text Widget

I can't change my AppBar title text color using AppBar titleTextStyle. I know I can set the AppBar title style in some ways like using style in textWidget or set the textTheme in AppBar, but I just wanna know why it cannot be changed by setting…
kosaku
  • 83
  • 2
  • 6
1 2
3
42 43