What is the introduction of toolbar?

Author: Justin

Sep. 30, 2024

10

0

0

Overview of the ToolBar Component | Design System Kit

ToolBar Overview

A ToolBar is a user interface (UI) element that represents a container, wrapping groups of related actions or commands of equal importance in the form of buttons, menus, checkboxes, search bars, and more.

If you are looking for more details, kindly visit HUAYONGXIN.

The ToolBar displays items horizontally, usually in a single line or column. However, when too many items cannot fit within the available space, an overflow button appears.

Live Demo

Appearance

The Telerik and Kendo UI ToolBar component supports alternative styling options which enable you to configure the individual aspects of its appearance.

Anatomy

The anatomy of the ToolBar summarizes the elements of the component.

Depending on the elements they display, the Telerik and Kendo UI ToolBars can be any of the following types:

  • ToolBar&#;The ToolBar displays items that fit its width.
  • Responsive ToolBar&#;The ToolBar renders a dropdown button that hides the items that do not fit its width in an overflow popup.
  • Wrapped ToolBar&#;The ToolBar distributes the items vertically according to its width. 

  1. A Toolbar with items that fit its width
  2. A responsive ToolBar
  3. A wrapped ToolBar

The next image shows the anatomy of a ToolBar and includes the following elements:

  1. Container
  2. Item
  3. Separator (optional)
  4. Overflow button (optional)

Size

The ToolBar provides the size configuration option that enables you to control how big or small the rendered toolbar will be. ToolBars also provide options for size customization.

size provides the following available options:

  • small&#;Renders a small ToolBar, which contains small components as its items. Small ToolBars are suitable when the available space is limited.

    The small Telerik and Kendo UI ToolBar achieve the desired height by applying a $kendo-spacing, 1 spacing value for their paddings.

  • medium (default)&#;Renders a medium ToolBar.

    The medium size configuration is the base according to which the small and large options are specified. The medium Telerik and Kendo UI ToolBar contains components in their default medium size and applies a $kendo-spacing, 2 spacing value for their paddings.

  • large&#;Renders a large ToolBar, which is suitable for adaptive components and mobile devices. 

    The large Telerik and Kendo UI ToolBar achieves the recommended touch area dimensions both by wrapping components in large sizes and applying a $kendo-spacing, 2.5 value for their paddings.

  • null&#;Removes the styling related to the size option. Not setting a size allows you to add your own, custom value.

    If you are looking for more details, kindly visit PC Bar.

    Explore more:
    FLEX (Flexible) Stainless Steel Hoses and Hose Fittings

Gutter Alternatives For Your Home - Are They Good Enough

  1. Medium (default)
  2. Small
  3. Large

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

Toolbar

Element of computer graphical interfaces

Toolbar from the text editor gedit. From left to right, the icons are for creating a new file; opening an existing file; saving a file (a floppy disk icon); printing the current file; undoing and redoing edits (grayed out since no edits have been made); cut, copy, and paste; search; search and replace. OpenOffice.org allows its toolbars to be detached and moved between windows and other toolbars.

The toolbar, also called a bar or standard toolbar (originally known as ribbon),[1][2] is a graphical control element on which on-screen icons can be used. A toolbar often allows for quick access to functions that are commonly used in the program. Some examples of functions a toolbar might have are open file, save, and change font. Toolbars are usually distinguished from palettes by their integration into the edges of the screen or of other windows. This can result in wasted space if multiple underpopulated bars are stacked atop each other or interface inefficiency if overloaded bars are placed on small windows.[3]

Variants

[

edit

]

There are several user interface elements derived from toolbars:

  • An address bar, location bar or URL bar is a toolbar that mainly consists of a text box. It typically accepts URLs or file system addresses. They are found in web browsers and file managers.
  • A breadcrumb or breadcrumb trail allows users to keep track of their locations within a program or a file system. They are toolbars whose contents dynamically change to indicate the navigation path.
  • A ribbon was originally used to refer to a toolbar, but it now means a complex user interface which consists of multiple toolbars chosen between through tabs.
  • A taskbar is a toolbar provided by an operating system to launch, monitor and manipulate software. A taskbar may hold other sub-toolbars.

A search box is not in itself a toolbar but one may appear within a toolbar, as is the case with the address bar.

Toolbars may appear in various software. Some internet browsers allow the user to customize its toolbars' contents or location. Plug-ins can be used to add new toolbars to some programs.

Sometimes trojan horse viruses will take the form of a toolbar.[4]

References

[

edit

]

  • Toolbars at Wikimedia Commons


For more PC Strand Bondedinformation, please contact us. We will provide professional answers.

Comments

Please Join Us to post.

0

0/2000

Guest Posts

If you are interested in sending in a Guest Blogger Submission,welcome to write for us.

Your Name: (required)

Your Email: (required)

Subject:

Your Message: (required)

0/2000