webixヘッダーをカスタマイズする

Question

画像のようなwebix UIヘッダーをカスタマイズすることは可能ですか？1画像、タイトル、ログアウトボタン付きの歓迎されたユーザーライン、メニューバーを他のページに移動したいのですか？ 1をクリックすると画像が表示されます。

Answer 1

はい、あなたはツールバーウィジェットでそれを達成することができます

{ 
    view:'toolbar', 

    css:'header', 
    elements: [ 
    { view: "label", label: "", width: 100, height: 38, css:'app-logo' }, 
    { view: "label", label: "My app" }, 
    {}, 
    { 
     view: "button", 
     type: "icon", 
     id: 'app:toolbar:current_user_menu', 
     icon: 'user', 
     borderless: true, 
     autowidth: true, 
     label: 'Jean bombeur' 
    } 
    ] 

} 

次に、あなたのロゴの背景イメージを持っているアプリ-ロゴCSSクラスをカスタマイズします。

参照のデモスニペット：http://webix.com/snippet/4f6131d3

Answer 2

にあなたは、例えば以下のような独自のHTMLを提供することにより、ヘッダの書式を設定することができます

{id:"col1", header:"<input type='button' value='Do something' class='dummy_button'>"}

スタイル（CSS）を追加することで、あなたのあたりとしてそれを設計することができます要件。