How to use Nebula Software UI

the nebula software applications use an advanced user interface (ui) it is novel, convenient, and fast but, you may find it a bit strange at first, so this document and its videos are here to help you get going quickly mouse cursor images here are the various mouse cursor images you may encounter labels here are examples of labels they can be just text, just an icon, or both they may appear with different colors if their text is truncated, then you can hover over it to see the full text if their text is a hyperlink, then you can click on it to open it in a web browser they may have a help icon next to them if they do, you can click or hover on it to see the tooltip with option document and video links labels may also be vertical here are what disabled labels look like buttons here are examples of buttons they can be just text, just an icon, or both they may appear with different colors if their text is truncated, then you can hover over it to see the full text buttons may also be vertical here are what disabled buttons look like toggle buttons here are examples of toggle buttons they can be just text, just an icon, or both they may appear with different colors if their text is truncated, then you can hover over it to see the full text when you hover over a toggle button, it show a toggle icon as a hint so that you know this is a toggle button when you click the toggle button, that icon hint moves into place as the full size toggled indicator this toggle button is now in the toggled state you can think of this as a feature that can be on or off is now in the on state toggle buttons may also be vertical here are what disabled toggle buttons look like checkbox buttons here are examples of checkbox buttons they can be just text, just an icon, or both they may appear with different colors if their text is truncated, then you can hover over it to see the full text when you hover over a checkbox button, it show a check icon as a hint so that you know this is a checkbox button when you click the checkbox button, that icon hint moves into place as the full size checked indicator this checkbox button is now in the checked state you can think of this as a feature that can be on or off is now in the on state checkbox buttons may also be vertical here are what disabled checkbox buttons look like radio buttons here are examples of radio buttons they can be just text, just an icon, or both they may appear with different colors when you hover over a radio button, it show an icon as a hint so that you know this is a radio button when you click the radio button, that icon hint moves into place as the full size selected indicator this radio button is now in the selected one of the 3 choices you can think of this as a feature that can be only one from a group of choices and this is now choice 12 radio buttons may also be vertical here are what disabled radio buttons look like icons here are examples of various icons you might see icons are small graphics or text used to represent functions, features, state, or other information here are what they look like disabled scroll pane here is an example of a scroll pane see more by dragging the knob, clicking in the track, holding the mouse down in the track, clicking on the up and down arrows, or scrolling with your mouse wheel if you want to use your mouse wheel to scroll horizontally, then hold down the shift key while doing so here is a disabled scrollpane text fields here is an example of a text field text fields allow you to type in some text when you hover over one, it shows an a b c icon to let you know this is a text field click inside it to start editing your text you can use the arrow keys to move around you can use delete and backspace keys you can double click to select all text, or drag to select part of the text you can use ctrl key plus z to undo and shift ctrl plus z to redo hover over the top to show a button that will clear all text if the text is too large to be seen all at once, then little buttons on the left and right allow you to show all text the little a stands for all some text fields do not let you type into them password text fields here is an example of a password text field password text fields allow you to type in a password without the text being visible but, if you need to see what you are typing, then you can click the button at the bottom to show the text of the password when you hover over one, it shows an a b c icon to let you know this is a text field click inside it to start editing your password you can use the arrow keys to move around you can use delete and backspace keys you can double click to select all text, or drag to select part of the text you can use ctrl key plus z to undo and shift ctrl plus z to redo hover over the top to show a button that will clear all text you can exit edit mode by clicking outside the password text field you may also exit edit mode by pressing the escape key if the text is too large to be seen all at once, then little buttons on the left and right allow you to show all text the little a stands for all some password text fields don't let you edit the text here are examples of disabled password text fields formatted text fields here is an example of a formatted text field formatted text fields allow you to type in a text but restrict what can be entered for example, only allow numbers from 0 to 10 when you hover over one, it shows an a b c icon to let you know this is a text field click inside it to start editing your formatted text you can use the arrow keys to move around you can use delete and backspace keys you can double click to select all text, or drag to select part of the text you can use ctrl key plus z to undo and shift ctrl plus z to redo hover over the top to show a button that will clear all text you can exit edit mode by clicking outside the formatted text field you may also exit edit mode by pressing the escape key if the text is too large to be seen all at once, then little buttons on the left and right allow you to show all text the little a stands for all formatted text fields keep the focus until you enter the correctly formatted text or you may use the escape key to exit text entry mode if you leave text that is not of the correct format, then at the top it tells you the text is invalid some formatted text fields don't let you edit the text here are examples of disabled formatted text fields text areas here is an example of a text area text areas allow you to enter large amounts of text and can scroll vertically and horizontally when you hover over one, it shows an a b c icon to let you know this is a text field click inside it to start editing your text you can use the arrow keys to move around you can use delete and backspace keys you can double click to select text, or drag to select part of the text you can use ctrl key plus z to undo and shift ctrl plus z to redo hover over the top to show a button that will clear all text you can exit edit mode by clicking outside the text area you may also exit edit mode by pressing the escape key if the text is too large to be seen all at once, then little buttons tell you there is more text and when you click them it shows you all the text some text areas don't let you edit the text here are examples of disabled text areas dialogs here is an example of a dialogs dialogs popup, hide what is behind them, and prevent dismissing them or activating other windows until they have been satisfied stack panes here is an example of a stack pane stack panes allow user interface components to be stacked on top of each other, yet still function normally here is a disabled stack pane focus cycle here is an example of user interface components that automatically get the focus use the tab key to jump to the next focusable component only some components are focusable hold down the shift key when you press tab to jump backwards the focus cycles left to right and top to bottom the focus cycle intentionally does not wrap around layered panels some components may get a layer over the top of them for example, this one blocks the "push me test" button while displaying a busy animation diamond layout some components are laid out in a circular diamond pattern here you see 4 buttons over here there are only 3 buttons so the 4th slot is filled in with a disabled area here are more examples, and what a disabled one looks like window background animations nebula software windows can display background animations you may be able to select the animation you prefer or disable animations the user interface may sit on top an block or see through to the animation here are some examples the background animation only runs when the nebula software window is active lists nebula software list components display rows of items the rows alternate colors for readability you may scroll by clicking the up and down arrows, dragging the knob, clicking in the track, holding the button down in the track, or using the mouse wheel for lists that allow selection, click to select and click again to deselect you may drag to select several rows at a time you may have multiple sequence selections hold down the shift key while dragging to deselect split panes nebula software split panes allow you to choose how much available space to give to one side or the other when user interface space is limited, this lets you be in control of which part gets more room you do so by dragging a divider bar the bar may split the ui horizontally or vertically drag the bar to adjust the available space and the ui will grow and shrink accordingly if an area gets too small to show the ui, the ui disappears and is replaced by a label that tells you the area is too small and to see its ui you would have to slide the bar to give that side more room here is an example of a split pane that has been disabled sliders sliders allow you to select a value from a range by dragging a knob, clicking in the track, holding the mouse button down on the track, clicking arrow buttons, or scrolling with a mouse wheel they may be horizontal or vertical a slider may have tick marks, labels, tick marks with labels, or even graphical items sometimes it is important for you to choose a value that is exact to aid you, when adjusting the value, if the value is over a tick mark or label, it hilights another way to aid you to set an exact value is when some sliders snap the knob to the closest tick or label divider sometimes user interface components are not allowed to be used and are set to be disabled here is an example of a disabled slider collapsing panels nebula software has collapsing panels single click on its icon or label to expand or collapse it when expanded, there is a companion close icon and label you can click on it to collapse the panel when expanded, there is a bar drawn between the top and bottom icons to show all the content in its expanded area you may hover over it to see which panel will collapse if you click that bar that is useful to identify which panel to close with which bar, like when you have a collapsable panel that contains a collapsable panel, or if the content is scrolled out of view if there are multiple collapsable panels in a user interface, you may hold the shift key down when clicking on one of them to open or close all of them at once sometimes user interfaces items are blocked from allowing you to use them here is an example of a disabled collapsed panel right click popups some nebula software applications may provide a mouse right click popup to allow you to select a value if you want to cancel choosing an item, then move off the item choices and select the background the popup might open a second popup to represent hierarchically organized choices separators some user interface sections may be separated from other sections with a muted separator line spinners spinners are user interface components that allow you to choose from a range of values using up and down arrows to "spin" through the choices some spinners allow you to type in a value and will indicate if the value is valid or not when a value is invalid the text entry tries to keep you editing, but you can jump out of it with the escape key progress bars some nebula software applications will show progress using progress bars they show the percentage and gradually fill the bar background to visually represent the progress sometimes the progress cannot be calculated and so an indeterminate progress indicator is shown progress monitors during lengthy operations, nebula software applications may display a progress monitor they show progress until the operation is completed if the duration cannot be calculated, then an indeterminate progress monitor will be shown card layouts some nebula software applications may use a card layout user interface think of it as a stack of playing cards and you get to view just the card that has been moved to the top in this example, there are 3 cards card 1 has buttons a and b card 2 has buttons c and d card 3 has buttons e and f you choose which user interface card is shown this allows a smaller user interface area to be used for many user interface components by choosing which ones get to be displayed card panes some nebula software applications may use a card panes user interface think of it as a stack of playing cards and you get to view just the card that has been moved to the top you choose which user interface card is shown this allows a smaller user interface area to be used for many user interface components by choosing which ones get to be displayed click the card stack to be presented with a popup that allows you to choose the card you want on top hierarchy panes some nebula software applications may use a hierarchy pane this is a list of items where an item might be a container of other items like a folder listing and open a sub folder to see its folders and files you open a container with a single click on its icon you may also double click the container's name to open it you may close the container with a single click on its companion close entry's icon, or double clicking the close entry you may also close a container by clicking its bar flow layouts some nebula software applications may use a flow layout this allow user interface components to be laid out in a horizontal row or vertical column and when the ui components can no longer fit, they wrap when wrapping has occurred, a visual indicator lets you know that you might not be seeing all the ui and to see it you would need to resize the area it uses to be able to see all the ui