ui-framework

To help you get started, we’ve selected a few @bentley/ui-framework examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

imodeljs / imodeljs / test-apps / ui-test-app / src / frontend / tools / ToolSpecifications.tsx View on Github

execute: () =&gt; {
        IModelApp.tools.run(Tool1.toolId);

        const backstageItems = AppTools.getBackstageItems();
        UiFramework.backstageManager.itemsManager.add(backstageItems);

        const statusBarItem = StatusBarItemUtilities.createStatusBarItem(this._sampleStatusFieldId, StatusBarSection.Left, 10, );
        const itemsManager = UiFramework.statusBarManager.getItemsManager("main");
        if (itemsManager) {
          itemsManager.add(statusBarItem);
          itemsManager.setIsVisible("ViewAttributes", false);
        }
      },
    });

imodeljs / imodeljs / test-apps / ui-test-app / src / frontend / appui / statusbars / SmallStatusBarItemProvider.tsx View on Github

public get statusBarItems(): ReadonlyArray {
    if (!this._statusBarItems) {
      this._statusBarItems = [
        StatusBarItemUtilities.createStatusBarItem("ToolAssistance", StatusBarSection.Left, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ToolAssistanceSeparator", StatusBarSection.Left, 15, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("MessageCenter", StatusBarSection.Left, 20, ),
        StatusBarItemUtilities.createStatusBarItem("MessageCenterSeparator", StatusBarSection.Left, 25, (
            
        )),
        StatusBarItemUtilities.createStatusBarItem("ActivityCenter", StatusBarSection.Left, 30, ),

        StatusBarItemUtilities.createStatusBarItem("SnapMode", StatusBarSection.Center, 10, (
           SampleAppIModelApp.getTestProperty() !== "HIDE"}&gt;
            {(isVisible: boolean) =&gt; isVisible &amp;&amp; }
          
        )),
      ];

imodeljs / imodeljs / test-apps / ui-test-app / src / frontend / appui / statusbars / SmallStatusBarItemProvider.tsx View on Github

public get statusBarItems(): ReadonlyArray {
    if (!this._statusBarItems) {
      this._statusBarItems = [
        StatusBarItemUtilities.createStatusBarItem("ToolAssistance", StatusBarSection.Left, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ToolAssistanceSeparator", StatusBarSection.Left, 15, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("MessageCenter", StatusBarSection.Left, 20, ),
        StatusBarItemUtilities.createStatusBarItem("MessageCenterSeparator", StatusBarSection.Left, 25, (
            
        )),
        StatusBarItemUtilities.createStatusBarItem("ActivityCenter", StatusBarSection.Left, 30, ),

        StatusBarItemUtilities.createStatusBarItem("SnapMode", StatusBarSection.Center, 10, (
           SampleAppIModelApp.getTestProperty() !== "HIDE"}&gt;
            {(isVisible: boolean) =&gt; isVisible &amp;&amp; }
          
        )),
      ];
    }
    return this._statusBarItems;
  }
}

imodeljs / imodeljs / test-apps / ui-test-app / src / frontend / appui / statusbars / AppStatusBarItemProvider.tsx View on Github

public get statusBarItems(): ReadonlyArray {
    if (!this._statusBarItems) {
      this._statusBarItems = [
        StatusBarItemUtilities.createStatusBarItem("ToolAssistance", StatusBarSection.Left, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ToolAssistanceSeparator", StatusBarSection.Left, 15, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("MessageCenter", StatusBarSection.Left, 20, ),
        StatusBarItemUtilities.createStatusBarItem("MessageCenterSeparator", StatusBarSection.Left, 25, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("DisplayStyle", StatusBarSection.Center, 40, ),
        StatusBarItemUtilities.createStatusBarItem("ActivityCenter", StatusBarSection.Center, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ViewAttributes", StatusBarSection.Center, 60, ),
        StatusBarItemUtilities.createStatusBarItem("Sections", StatusBarSection.Center, 50, ),
        StatusBarItemUtilities.createStatusBarItem("ClearEmphasis", StatusBarSection.Center, 40, ),

        StatusBarItemUtilities.createStatusBarItem("SnapMode", StatusBarSection.Center, 30, (

imodeljs / imodeljs / test-apps / ui-test-app / src / frontend / appui / statusbars / AppStatusBarItemProvider.tsx View on Github

public get statusBarItems(): ReadonlyArray {
    if (!this._statusBarItems) {
      this._statusBarItems = [
        StatusBarItemUtilities.createStatusBarItem("ToolAssistance", StatusBarSection.Left, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ToolAssistanceSeparator", StatusBarSection.Left, 15, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("MessageCenter", StatusBarSection.Left, 20, ),
        StatusBarItemUtilities.createStatusBarItem("MessageCenterSeparator", StatusBarSection.Left, 25, (
            
        )),

        StatusBarItemUtilities.createStatusBarItem("DisplayStyle", StatusBarSection.Center, 40, ),
        StatusBarItemUtilities.createStatusBarItem("ActivityCenter", StatusBarSection.Center, 10, ),
        StatusBarItemUtilities.createStatusBarItem("ViewAttributes", StatusBarSection.Center, 60, ),
        StatusBarItemUtilities.createStatusBarItem("Sections", StatusBarSection.Center, 50, ),
        StatusBarItemUtilities.createStatusBarItem("ClearEmphasis", StatusBarSection.Center, 40, ),

        StatusBarItemUtilities.createStatusBarItem("SnapMode", StatusBarSection.Center, 30, (
           SampleAppIModelApp.getTestProperty() !== "HIDE"}&gt;
            {(isVisible: boolean) =&gt; isVisible &amp;&amp; }
          
        )),

        StatusBarItemUtilities.createStatusBarItem("TileLoadIndicator", StatusBarSection.Right, 10, ),

How to use the @bentley/ui-framework.StatusBarSection.Left function in @bentley/ui-framework

To help you get started, we’ve selected a few @bentley/ui-framework examples, based on popular ways it is used in public projects.

@bentley/ui-framework

Package Health Score

Popular @bentley/ui-framework functions

Similar packages