Home > Windows 8, WinJS > La barra dei Settings in Windows 8 con Javascript

La barra dei Settings in Windows 8 con Javascript

Ciao! Ecco come implementare la settings bar in 2 semplici passaggi utilizzando WinJS!

    1. Per prima cosa, aprire il file js/default.js e inserire subito dopo “use strict”;
    WinJS.Application.onsettings = function (e) {
        e.detail.applicationcommands = {
            "Info": { title: "Informazioni", href: "informazioni.html" }
        };
        WinJS.UI.SettingsFlyout.populateSettings(e);
    };
    1. Dopodichè, create la pagina desiderata (ad esempio, informazioni.html) e strutturatela in questo modo:
<!DOCTYPE html>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Info</title>
    </head>
    <body>
        <div data-win-control="WinJS.UI.SettingsFlyout" aria-label="Help settings flyout" data-win-options="{settingsCommandId:'Info',width:'wide'}">
            <div class="win-ui-light win-header" style="background-color:#00b2f0"> <!-- colori da personalizzare -->
               <button type="button" onclick="WinJS.UI.SettingsFlyout.show()" class="win-backbutton"></button>
               <div class="win-label">Informazioni</div>
            </div>
            <div class="win-content ">IL CONTENUTO VA QUI!</div>
        </div>
    </body>
</html>

NB: Il parametro “Info” nella riga 3 del listato 1 è molto importante in quanto rappresenta l’identificativo del setting! Ricopiatelo pari pari nel parametro settingsCommandId nella riga 8 del listato 2!!!
E’ tutto! Semplice vero? 🙂

Happy coding!!!

Annunci
Categorie:Windows 8, WinJS
  1. marzo 19, 2013 alle 8:25 am

    U generated several fantastic points within your posting, “La barra dei
    Settings in Windows 8 con Javascript | C# Mania” Horizontal Blinds .
    I am going to become coming back to your web page soon.
    Thx -Mercedes

  2. giugno 14, 2013 alle 4:53 pm

    Nice answers in return of this issue with solid arguments and explaining all about that.

  3. giugno 24, 2013 alle 9:42 am

    Please let me know if you’re looking for a writer for your weblog. You have some really great posts and I believe I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some content for your blog
    in exchange for a link back to mine. Please blast me an e-mail if interested.
    Thanks!

  4. luglio 12, 2013 alle 6:59 am

    It’s wonderful that you are getting thoughts from this paragraph as well as from our argument made at this time.

  5. agosto 7, 2013 alle 3:15 am

    No matter if some one searches for his vital thing, so he/she wants to be available
    that in detail, so that thing is maintained over here.

  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: