自定义webix标题

Question

是否可以像图像1中那样自定义webix UI标题。我想提供一个图像，一个标题，一个带有注销按钮的欢迎用户行，以及一个导航到其他页面的菜单栏？请点击%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'
    }
   ]

}

然后定制app-logo css类，使其具有您的徽标的背景图像。

请参阅演示代码片段：http://webix.com/snippet/4f6131d3

Answer 2

你可以通过提供你自己的html来格式化头部，如下所示：

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

通过添加样式(css)，您可以根据需要对其进行设计。