自定義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），你可以把它設計按您的需求。