locked
App Bar Buttons Don't Fit

    Question

  • I am trying to make a custom App Bar. However, the icons are too big and don't fit within the circle. I have tried every size from 16px upto 256px; the size is always too big.

    My code is this:

        <div data-win-control="WinJS.UI.AppBar" aria-label="Navigation Bar" 
            data-win-options="{layout:'custom',placement:'top'}">
            <header aria-label="Navigation bar" role="banner">
                <button onclick="javascript:window.location = 'page2.html'" id="cmdHome" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'url(images/button1.png)', type:'button'}"></button>
            </header>
        </div>

    Thursday, April 11, 2013 6:53 PM

Answers

  • Hi,

    Check out this sample it has a custom-icon implementation that uses a icon image.

    - Girija

    • Marked as answer by Song Tian Thursday, April 18, 2013 8:56 AM
    Thursday, April 11, 2013 7:30 PM