Features and Usages"

From Documentation
Line 188: Line 188:
 
[[File:zss-essentials-validation-alert.png | center]]
 
[[File:zss-essentials-validation-alert.png | center]]
  
There are 3 types of alerts and each of them have a different icon in the dialog. For an error alert [[File:zss-essentials-validation-error-icon.png]], you can retry to enter again or cancel to revert back to the original value. For a warning alert [[File:zss-essentials-validation-warning-icon.png]] , you can click "Yes" to accept the invalid input, "No" to edit the invalid input, or "Cancel" to remove the invalid input. For a information alert [[File:zss-essentials-validation-information-icon.png]], you can click "OK" to accept the invalid value or "Cancel" to reject it.
+
There are 3 types of alerts and each of them has a different icon in the dialog. For an error alert [[File:zss-essentials-validation-error-icon.png]], you can retry to enter again or cancel to revert back to the original value. For a warning alert [[File:zss-essentials-validation-warning-icon.png]] , you can click "Yes" to accept the invalid input, "No" to edit the invalid input, or "Cancel" to remove the invalid input. For a information alert [[File:zss-essentials-validation-information-icon.png]], you can click "OK" to accept the invalid value or "Cancel" to reject it.
  
  

Revision as of 09:49, 31 March 2014


Features and Usages




Spreadsheet User Interface Overview

Essentials-feature-ui.png

Above is a screenshot of ZK Spreadsheet's user interface, each section is introduced in the following:

  1. Toolbar
    The toolbar contains all commonly-used functions including setting cell's style, alignment, border, background color, font, font color, merging (and unmerging) of cells, sorting, auto filter, protection and grid line visibility. It has 2 tabs, another tab is used to insert charts, images, and hyperlinks for web page and email address:
    Essentials-feature-toolbar.png
    The 3 leftmost buttons, "New Book", "Save Book", and "Export to PDF", are not built-in functions. You have to implement them by yourself.
  2. Formula bar
    It displays editing text or formula of current selected cell and can be used to enter or edit a formula or data.
  3. Sheet Area
    It displays the content of current selected sheet, and you usually perform most editing operations in this area.
  4. Context menu
    Right clicking on a cell, a column header, or a row header pops up a context menu. It contains most options of the toolbar and works like a shortcut.
  5. Sheet bar
    A list of all sheets in this book. You can navigate to any sheet by clicking on it. Click Essentials-feature-addSheet.png can add a new sheet. Right clicking on a sheet pops a context menu and it allows you to delete, rename, protect, and move the clicking sheet.
    Essentials-feature-sheet-contextmenu.png


Features

Support Different Zoom Level

Spreadsheet supports viewing in different zoom level. You can change zoom level within a browser according to your need.

The screenshot below is a Spreadsheet which is zoomed to 150%.

Zss-essentials-feature-zoom150.png


Displaying Chart/Picture in Freeze Panel

Since 3.0.0, Spreadsheet can display a chart (or a picture) inside a frozen area.

Supported Hotkeys

Hotkey
Action
Ctrl+B bold
Ctrl+C copy
Ctrl+I italic
Ctrl+U underline
Ctrl+V paste
Ctrl+X cut
Ctrl+Y (EE only) redo
Ctrl+Z (EE only) undo
Delete clear content
Esc clear copy/cut clipboard


Usage

The following sections will introduce usages of some noticeable features which are all Available in ZK Spreadsheet EE only.


Special Paste

In addition to normal pasting, Spreadsheet also provides other special pasting options on the toolbar.

Essentials-feature-paste.png

You can select "Paste Special" to access all available pasting options in a dialog.

Essentials-feature-pasteSpecial.png

Custom Sort

The "Ascending" and "Descending" function can sort data by only one column but "Custom sort" can sort data by multiple columns.

Essentials-feature-customSort.png


After selecting "Custom sort" on the toolbar, a dialog appears. You can add sorting criteria to 3 columns at the most. If your data includes column headings, make sure the "My data has headers" option is checked.

Essentials-feature-customSortDialog.png


The sorting result of criteria above:

Essentials-feature-customSort-after.png

Filter

The Filter can screen out data you don't want displayed quickly and easily. We usually select the cells we want to filter first and select "Filter" on the toolbar.

Essentials-feature-filter-enable.png


Then each column will have a drop-down button. Click the drop-down button to select data to filter.

Essentials-feature-filter.png


Those rows that contain the unchecked item will not appear in the original table unless you check them back.

Essentials-feature-filter-after.png

If you insert more data after applying a filter, you can select "Reapply" on the toolbar to apply same criteria to new data.

Auto Fill

Auto fill is a handy feature to fill cells with data using a particular pattern based on selected cells. Text will be copied and numbers and dates will be increased (or decreased).

To use this, You should select one or more cells and drag the fill handle across or down the cells that you want to fill.

Essentials-feature-autoFill-select.png

Fill cells after dragging right.

Essentials-feature-autoFill.png


Format Cell

A context menu appears when right clicking a cell, "Format Cell" provides 10 different categories with total of 47 formats to apply on cells.

Essentials-feature-formatCell.png


Protection

If you enable "Protect Sheet" for a sheet in Excel, Spreadsheet will keep this setting when reading the Excel file, hence, when you edit a protected sheet, you will receive an alert message on the top left-hand corner.

When a sheet is under protection, you can only edit those unlocked cells. For those locked cells, You cannot perform any operation on them, e.g. change auto filter.

Zss-essentials-feature-protection.png

Filters

Filter can help you find and work with a subset of data in a range of cells without moving or deleting them.

When you click on the filter icon, there are 3 menu items: Filter, Clear, and Reapply related to filter.

Zss-essentials-filter-menu.png


Click "Filter" Zss-essentials-filter-filter-icon.png can enable / disable filters. When filters are enabled, first row of each column will show up a drop-down arrow icon Zss-essentials-filter-dropdown-icon.png. If you click the drop-down icon, a list of values appears and you can select from the list as a filtering criterion to apply on data.

Zss-essentials-filter-enable.png


After you select some values click Zss-essentials-ok.png, Spreadsheet will filter those data with selected values. Only those rows with matching criteria will be displayed while others stay hidden.


You can also filter by multiple columns. Filters are additive, which means that each filter is based on the existing filters and further reduces the subset of data.


Click "Clear" Zss-essentials-filter-clear-icon.png removes all applied criteria and display all data available.


If you add new data row, you should click "Reapply" Zss-essentials-filter-reapply-icon.png. Then, drop-down list will update its values, and applied criteria will also work on new data.


Validation

Spreadsheet can read data validation settings of Excel files including validation criteria of lists, numbers, decimals, dates, or time. (Spreadsheet OSE will ignore validation settings.)

If the validation criteria is a list, the cell will appear a drop-down arrow icon. You can click the icon to select available values.

Zss-essentials-validation-list.png


When you click on the cell with validation, the input message you set will appear automatically.

Zss-essentials-validation-message.png


If your input violates validation criteria, an error alert will pop up.

Zss-essentials-validation-alert.png

There are 3 types of alerts and each of them has a different icon in the dialog. For an error alert Zss-essentials-validation-error-icon.png, you can retry to enter again or cancel to revert back to the original value. For a warning alert Zss-essentials-validation-warning-icon.png , you can click "Yes" to accept the invalid input, "No" to edit the invalid input, or "Cancel" to remove the invalid input. For a information alert Zss-essentials-validation-information-icon.png, you can click "OK" to accept the invalid value or "Cancel" to reject it.




All source code listed in this book is at Github.


Last Update : 2014/03/31

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.