OrgChart JS

  1. OrgChart JS- Tree Layout

    OrgChart JS- Tree Layout

    스크린샷: Arrange boxes horizontally with two boxes in each row. 0 ...

  2. OrgChart JS- Mixed Layout

    OrgChart JS- Mixed Layout

    스크린샷: Arrange boxes horizontally with one box in each row. 0 ...

  3. OrgChart JS- Tree Left Offset Layout

    OrgChart JS- Tree Left Offset Layout

    스크린샷: Left-align last child box vertically. 0 ...

  4. OrgChart JS- Tree Right Offset Layout

    OrgChart JS- Tree Right Offset Layout

    스크린샷: Right-align last child box vertically. 0 ...

  5. OrgChart JS- Normal Layout

    OrgChart JS- Normal Layout

    스크린샷: Align last child box horizontally. 0 ...

  6. Assistant Under the CEO

    Assistant Under the CEO

    스크린샷: Assistants are child items that have a different relationship with the parent node. 0 ...

  7. Multiple Assistants

    Multiple Assistants

    스크린샷: More than one assistant under the CEO. 0 ...

  8. Assistant Template

    Assistant Template

    스크린샷: Use different template for the assistant node. 0 ...

  9. Assistant in Left Orientation

    Assistant in Left Orientation

    스크린샷: Adding assistant node in different orientation types. 0 ...

  10. Nest Multiple Nodes

    Nest Multiple Nodes

    스크린샷: OrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node. 0 ...

  11. Minimize Grouped Nodes

    Minimize Grouped Nodes

    스크린샷: Group nodes can be in either of two states, maximized and minimized. 0 ...

  12. Group Nodes

    Group Nodes

    스크린샷: Easily use Drag & Drop to create a new group of nodes. 0 ...

  13. Custom Templates

    Custom Templates

    스크린샷: To highlight nodes inside groups use different templates for the specified node. 0 ...

  14. Template 'luba'

    Template 'luba'

    스크린샷: You can easily extend this template to match your UI. 0 ...

  15. Template 'derek'

    Template 'derek'

    스크린샷: You can easily extend this template to match your UI. 0 ...

  16. Template 'olivia'

    Template 'olivia'

    스크린샷: You can easily extend this template to match your UI. 0 ...

  17. Template 'diva'

    Template 'diva'

    스크린샷: You can easily extend this template to match your UI. 0 ...

  18. Built-in Edit Form

    Built-in Edit Form

    스크린샷: Built-in edit form allows you to edit any field from the node json object. 0 ...

  19. CRUD Operations

    CRUD Operations

    스크린샷: OrgChart JS allows you to perform CRUD operations against the database such as update, add and remove. 0 ...

  20. Custom Edit Form

    Custom Edit Form

    스크린샷: In a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics. 0 ...