시퀀스 유스케이스 클래스 액티비티 컴포넌트 상태 객체 배치 타이밍 Regex Network Wireframe Archimate Gantt MindMap WBS EBNF JSON YAML
PlantUML Language specification Salt

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Salt (wireframe)

Salt 그래픽 인터페이스 디자인을 위한 서브 프로젝트이다.

@startsalt 키워드를 사용하거나, @startuml 아래에 salt 키워드를 사용할 수 있다.

Developers, designers, and user experience professionals employ them to visualize interface elements, navigational systems, and to facilitate collaboration. They vary in fidelity, from low-detail sketches to high-detail representations, crucial for prototyping and iterative design. This collaborative process integrates different expertise, from business analysis to user research, ensuring that the end design aligns with both business and user requirements.
WARNING
 This translation need to be updated. 
WARNING

Edit in DokuwikiEdit in AsciidocEdit in Markdown
기본 위젯

윈도우는 반드시 브라킷({, })으로 감싸야 한다. 그리고 아래의 형식으로 사용한다.:

이 툴은 단순한 샘플 윈도우에 대한 토론을 위해 사용된다.

WARNING
 This translation need to be updated. 
WARNING

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Text area

Here is an attempt to create a text area:

Note:

[Ref. QA-14765]

Then you can add scroll bar:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Open, close droplist

You can open a droplist, by adding values enclosed by ^, as:

[Ref. QA-4184]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
그리드 사용하기

테이블은 {를 사용할 때 자동 생성된다. 그리고 컬럼을 구분하기 위해선 | 를 사용해야한다.

예시:

Just after the opening bracket, you can use a character to define if you want to draw lines or columns of the grid :

Symbol Result
# To display all vertical and horizontal lines
! To display all vertical lines
- To display all horizontal lines
+ To display external lines

WARNING
 This translation need to be updated. 
WARNING

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Group box [^]

[Ref. QA-5840]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Using separator [.., ==, ~~, --]

You can use several horizontal lines as separator.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Tree widget [T]

To have a Tree, you have to start with {T and to use + to denote hierarchy.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Tree table [T]

You can combine trees with tables.

And add lines.

[Ref. QA-1265]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Enclosing brackets [{, }]

You can define subelements by opening a new opening bracket.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Adding tabs [/]

You can add tabs using {/ notation. Note that you can use HTML code to have bold text.

Tab could also be vertically oriented:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Using menu [*]

You can add a menu by using {* notation.

It is also possible to open a menu:

Like it is possible to open a droplist:
[Ref. QA-4184]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Advanced table

You can use two special notations for table :

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Scroll Bars [S, SI, S-]

You can use {S notation for scroll bar like in following examples:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Colors

It is possible to change text color of widget.

[Ref. QA-12177]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Creole on Salt

You can use Creole or HTML Creole on salt:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Pseudo sprite [<<, >>]

Using << and >> you can define a pseudo-sprite or sprite-like drawing and reusing it latter.

[Ref. QA-5849]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
OpenIconic

OpenIconic is a very nice open source icon set. Those icons have been integrated into the creole parser, so you can use them out-of-the-box. You can use the following syntax: <&ICON_NAME>.

The complete list is available on OpenIconic Website, or you can use the following special diagram:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Add title, header, footer, caption or legend

(See also: Common commands)

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Zoom, DPI

Whitout zoom (by default)

Scale

You can use the scale command to zoom the generated image.

You can use either a number or a fraction to define the scale factor. You can also specify either width or height (in pixel). And you can also give both width and height: the image is scaled to fit inside the specified dimension.

(See also: Zoom on Common commands)

DPI

You can also use the skinparam dpicommand to zoom the generated image.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Include Salt "on activity diagram"

You can read the following explanation.

It can also be combined with define macro.

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Include salt "on while condition of activity diagram"

You can include salt on while condition of activity diagram.

[Ref. QA-8547]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Include salt "on repeat while condition of activity diagram"

You can include salt on 'repeat while' condition of activity diagram.

[Ref. QA-14287]

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Skinparam

You can use [only] some skinparam command to change the skin of the drawing.

Some example:

FIXME
🚩 FYI, some other skinparam does not work with salt, as:

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Style

You can use [only] some style command to change the skin of the drawing.

Some example:

FIXME
🚩 FYI, some other style does not work with salt, as:

[Ref. QA-13460]