Aligni Individual Elements

Panel Title

Link Link
Default Button Primary Button Tertiary Button Danger Button Link Button
Default Button Primary Button Tertiary Button Danger Button Link Button

Seldom used:

Secondary Button Light Button Dark Button Clean Button Success Button
Alert inside a Dashbox

Alert title

Alert inside a Dashbox with an appropriately colored link.

This is warning text.

Alert inside a Dashbox

Alert title

Alert inside a Dashbox with an appropriately colored link.

This is danger text.

Alert inside a Dashbox

Alert title

Alert inside a Dashbox with an appropriately colored link.

This is success text.

Alert inside a Dashbox

Alert title

Alert inside a Dashbox with an appropriately colored link.

This is info text.

Inline Form
C0,C1,C2,C3,C4,C5,C6,C7,C8,C9,C10,C11,C12,C13,C14,C15,C16,C17,C18,C19,C20,C21,C22,C23,C24,C25,C26,C27,C28,C29,C30,C31,C32,C33,C34,C35,C36,C37,C38,C39,C40,C41,C42,C43,C44

This is an important instruction.

This is an even more important instruction.

A0000001
Asset ID will be cleared on save
Prefix Suffix
  • This is a parsley-validated error

The special validator below is to be used whenever you don't want to disrupt the horizontal flow of the page by introducing an error message (e.g. in narrow table cells).

This is a short error message. It will never disrupt the layout of the elements underneath.
* This is a note
Prefix Suffix
Button
Prefix Force non-input element to take up remaining space
Prefix
Secondary action
Standard Form

This is an important instruction.

This is an even more important instruction.

Secondary action

Part details

  • Created on

    2014-01-23

  • Allocated

    2014-01-23

  • Reserved

    2014-01-23

  • Completed

    2014-01-23

  • Completed

    2014-01-23
    06:21 AM

  • Ghost

    2014-01-23

  • Width adopts to content

    2014-01-23

  • Can have multiple subs

    2014-01-23
    06:21 AM
    I'm tiny text.

  • $1.95

    Max quote

  • $10,928,275.95

    Long quote

  • $1.95

    Special

Orange box

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?

Functional tabs

Details tab content
Revisions tab content
Inventory tab content
Supply Chain tab content

Green box

Link Link
Quantity Unit Cost Location Date
22,000 $ 0.2345 CMI - PCB Fab Express 2020-03-02
0.12345 100-foot-spool $ 0.2403 ACC - General Storage 2020-03-02
3 each
(14 each) 		$ 0.1859 Allocated for: XEM7350
Reserved for: XEM7350 		2020-03-02
22,000 each $ 0.1859 Allocated for: XEM7350 2020-03-02
11,856 each Total on/hand (11,639 available)

Gray box

Quantity Unit Cost Location
22,000 $ 0.2345 CMI - PCB Fab Express Edit
2, 617 each $ 0.2403 ACC - General Storage Edit
22,000 each
(14 each) 		$ 0.1859 Allocated for: XEM7350
Reserved for: XEM7350 		Edit
22,000 each $ 0.1859 Allocated for: XEM7350 Edit
11,856 each Total on/hand (11,639 available)

Red box

No content message vithin a box

Brown box

No content message vithin a box

Purple box

Bugs.

Green red Brown Orange Teal Purple Blue Light Yellow

Green red Brown Orange Teal Purple Blue Light

The following labels are to be implemented through our icon font. Only the the icons are clickable links while text labels remain text.

Add to cart

Delete

Info

Help

The following bugs can be used for input tags and tags in the autocomplete dropdown (can be without remove and with remove sign).

Common Common Epic Epic Legendary Legendary Rare Rare Trash Trash
tags

Typeahead dropdown:

Legendary Epic Rare Common Trash

Vault icons:





Contextual menus

Right click me!

Helper icons

Helper in label Helper In Button Helper In Button Helper In Button Helper In Button Standalone helper

Beta Elements

Beta Feature Beta Beta Feature Beta
Beta
The Bulk Part Update tool is BETA. We would appreciate any and all feedback you can provide so we can make this tool better. Please send your feedback to support@aligni.com.
Jake J.

Vault Name

Optional vault description that can break into two rows if necessary...
Watchers
43
Files
12
A Released XC3S400-4PQ208C
Jake J.

Vault Name

Optional vault description that can break into two rows if necessary...
Watchers
43
Files
12
A Released XC3S400-4PQ208C

Attach Reference Vault

Drilldown selector

Vaults Referenced to Part

Reference vaults
Name Author
CBFEI338-OIRHHTOU A01
Vendor requirements Admin
Vendor requirements Admin
CBFEI338-OIRHHTOU A01
Vendor requirements Admin
Vendor requirements Admin
CBFEI338-OIRHHTOU A01
Vendor requirements Admin
Vendor requirements Admin
Vendor requirements Admin
Vendor requirements Admin

jQuery UI Slider

Min 1 Max 100
Min 1 Max 100

Popover color variants

Info popover

Wizard Title, Can Be Multilined.

This is wizard subtitle. Can also be multilined.

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?


Delete Avnet

Repercussions:

2 parts will be deleted if you delete this manufacturer.

  • Morbi in sem quis dui placerat ornare.
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
Confirm Action Cancel and go back

Success Message

Optional explanation of the message.

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?


Warning Message

Optional explanation of the message.

This is a 14/18px H2 With 20px Margins

This is set in 12/18px text. Goode design will be better but certainly on ideas and principles are not an object. The traditions of how it more colorful than just an appropriate thing: the absence of production. Things that part?

Main style for guidance messages

This build is unallocated

You can specify and allocate item quantities manually on the Parts tab. You can also click ”Auto-Allocate...“ to direct Aligni to allocate the parts automatically.

Auto Allocate

Alternatives

This build is unallocated

You can specify and allocate item quantities manually on the Parts tab. You can also click ”Auto-Allocate...“ to direct Aligni to allocate the parts automatically.

Auto Allocate

This build is unallocated

You can specify and allocate item quantities manually on the Parts tab. You can also click ”Auto-Allocate...“ to direct Aligni to allocate the parts automatically.

Auto Allocate
This build is unallocated
You can specify and allocate item quantities manually on the Parts tab.
You can also click ”Auto-Allocate...“ to direct Aligni to allocate the parts automatically.
Auto Allocate

Below are the examples for the customer branding, with form and modal examples.

Release Revision

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Wand image

By checking Make active, this revision will become the active or default revision for the part.

Inventory Dispositions
Name of unit
Name of unit
Part List Dispositions
Name of unit
Name of unit
Click to open modal example

Below is an actionbox. This is used for icon, form, and other full-width container stuff. Make sure that icon-only buttons have a black tooltip.

Primary Actions

Edit something PDF PDF

Secondary Actions

Other Actions

PDF

Below is an datatable. This is used for larg data presentations such as part lists. Can contain nested tables.

Data table Additional info

Button Primary Button
This is some text aligned with everything
Manufacturer P/N Quantity Vendors Misc Notes
123
CY7C68013-56PVXC RoHS
P/N: 000003
Kemet
This is a short error message. It will never disrupt the layout of the elements underneath.
each
Some single line text truncated at first row. Some multiline text truncated at each row.
This is an important message.
123
CY7C68013-56PVXC RoHS
P/N: 000003
Kemet
each
Some multiline text truncated at each row. Some multiline text truncated at each row.
Text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row.
At each row some multiline text is truncated.
Enter note for part
123
CY7C68013-56PVXC RoHS
P/N: 000003
Kemet
each
Some multiline text truncated at each row. Some multiline text truncated at each row.
Text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row.
At each row some multiline text is truncated.
123
CY7C68013-56PVXC RoHS
P/N: 000003
Kemet
each
Some multiline text truncated at each row. Some multiline text truncated at each row.
Text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row. Some multiline text truncated at each row.
At each row some multiline text is truncated.
Recte dicis; Duo Reges: constructio interrete. Quis hoc dicit? Iam in altera philosophiae parte. Iam in altera philosophiae parte. Istam voluptatem, inquit, Epicurus ignorat?

Below is an ComfyTable. This is used for larg data presentations of othar tabular stuff that generally looks better with a bit more space between rows. Things like site setup data like accounts, usergroups, part types, etc.

Comfy table Additional info
User account Quantity Vendors Notes Notes Notes
Waldorf 1342 Lorem ipsum Avnet - PO #1009
Funtronics - PO #1013
 Cool city boys Cool city boys
Waldorf 1342 Lorem ipsum Cool city boys Cool city boys Cool city boys
Waldorf 1342 Lorem ipsum Cool city boys Cool city boys Cool city boys
Waldorf 1342 Lorem ipsum Cool city boys Cool city boys Cool city boys
Waldorf 1342 Lorem ipsum Cool city boys Cool city boys Cool city boys

Inventory Reorder List

Exclude Locations
P/N Manufacturer P/N Use-As Inventory Inventory Target Quantity Required On Order
000018
 T491A106K010AS
Kemet 		each 317 1,000 683 1,267 - Avnet PO #1009 due April 14, 2017
000218
Partlist 		ASSY-FPGABOARD
Consolidated Diversified 		each 105 1,000 895
1 Fully Reserved 2017-04-26
250
2017-04-24
1 Allocated 2017-04-14
5 Allocated 2017-04-18
1000
2017-04-18
Recurring
(90 days)
 Due 25 days ago.

Nudges in Listings

New Something
P/N Manufacturer P/N Use-As Inventory Inventory Target Quantity Required On Order
You are using 41 of the 50 active builds supported by your subscription. Review your subscription.
You are using all of the 50 active builds supported by your subscription. Review your subscription.

Below is a new version of tables (a.k.a. Tables V2.0)

Items17 items total

Export CSV
Manufacturer P/N Quantity Unit price   Ext. price Vendor
1
BF3S-100P
Omron 		2 each $12.00 = $5.00 Digi-Key
This is an example of non-editable vendors's note.
2
BF3S-100P
Omron 		2 each $12.00 = $5.00 Digi-Key
This is an example of non-editable vendors's note.
This is an example of non-editable buyer's note.
3
BF3S-100P
Omron 		2 each $12.00 = $5.00 Digi-Key

Below is a togglable toolbar containing an expanding module

More options
Cancel

Below is a standard toolbar

Compare parts
Import New Parts From CSV
Grouped Button Grouped Button
Primary action

Below is a search bar

Site usage statistics

Builds 21 of 100

21% Complete

Designs 2 of 10

20% Complete

Parts 882 of 1000

82% Complete