2016-11-15 108 views
1

是否可以自定义webix UI标头,如图像1中的标头。我想给一个图像,一个标题,一个带注销按钮的欢迎用户行,以及一个菜单栏来导航到其他页面?请点击1,您将看到图像。自定义webix标头

回答

0

是的,你可以实现与工具栏小工具:

{ 
    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

0

您可以通过提供自己的HTML像下面如格式化标题:

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

通过添加样式(CSS),你可以把它设计按您的需求。