Organizational chart exporting with layout preview and customization
Techniques are described for exporting organizational charts being presented inside a browser window. The system can present an export canvas that identifies the portion of the organizational chart that is to be exported. In some embodiments, the export canvas can be automatically adjusted to prevent collisions with tiles within the organizational chart. In some examples, the export canvas can be presented on a different layer than the organizational chart, thus allowing the export canvas to move around freely without disrupting the underlying organizational chart.
1. A computer-implemented method, comprising:
presenting, by a processor, an organizational chart within a first layer of a window, the organizational chart including a plurality of nodes that each represent an employee within an organization, wherein each node is represented as a tile within the first layer of the window;
presenting, by the processor, an export canvas within a second layer of the window that overlays the first layer, wherein the export canvas is configured to identify a portion of the organizational chart for export that lies within the within the boundaries of the export canvas;
detecting, by the processor, an adjustment to the export canvas;
determining, by the processor, that the adjustment causes a boundary of the export canvas to collide with a tile representing a node of the organizational chart;
determining, by the processor, whether a majority of the tile is within the export canvas; and
automatically updating, by the processor, the export canvas to prevent the collision based on the determination whether the majority of the tile is within the export canvas.
2. The computer-implemented method of claim 1 , further comprising:
presenting, by the processor, an export menu within the window, the export menu being configured to provide a plurality of options for exporting the organizational chart; and
automatically updating, by the processor, an option from the plurality of options that is associated with the dimension when the dimension is updated to prevent the collision.
3. The computer-implemented method of claim 1 , wherein the second layer is a transparent layer that overlays the first layer.
4. The computer-implemented method of claim 1 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
increasing, by the processor, a dimension of the export canvas such that the tile is within the boundary of the export canvas.
5. The computer-implemented method of claim 1 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
shifting, by the processor, the export canvas such that the tile is within the boundary of the export canvas.
6. The computer-implemented method of claim 1 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is not within the export canvas, wherein automatically updating the dimension of the export canvas chart comprises
reducing, by the processor, a dimension of the export canvas such that the tile is outside the boundary of the export canvas.
7. The computer-implemented method of claim 1 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is not within the export canvas, wherein automatically updating the dimension of the export canvas chart comprises
shifting, by the processor, the export canvas such that the tile is outside the boundary of the export canvas.
8. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions for:
presenting an organizational chart within a first layer of a window, the organizational chart including a plurality of nodes that each represent an employee within an organization, wherein each node is represented as a tile within the first layer of the window;
presenting an export canvas within a second layer of the window that overlays the first layer, wherein the export canvas is configured to identify a portion of the organizational chart for export that lies within the within the boundaries of the export canvas;
detecting an adjustment to the export canvas;
determining that the adjustment causes a boundary of the export canvas to collide with a tile representing a node of the organizational chart;
determining, by the processor, whether a majority of the tile is within the export canvas; and
automatically updating the export canvas to prevent the collision based on the determination whether the majority of the tile is within the export canvas.
9. The non-transitory computer readable storage medium of claim 8 , further comprising:
presenting an export menu within the window, the export menu being configured to provide a plurality of options for exporting the organizational chart; and
automatically updating an option from the plurality of options that is associated with the dimension when the dimension is updated to prevent the collision.
10. The non-transitory computer readable storage medium of claim 8 , wherein the second layer is a transparent layer that overlays the first layer.
11. The non-transitory computer readable storage medium of claim 8 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
increasing a dimension of the export canvas such that the tile is within the boundary of the export canvas.
12. The non-transitory computer readable storage medium of claim 8 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
shifting the export canvas such that the tile is within the boundary of the export canvas.
13. The non-transitory computer readable storage medium of claim 8 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the dimension of the export canvas chart comprises
reducing a dimension of the export canvas such that the tile is outside the boundary of the export canvas.
14. The non-transitory computer readable storage medium of claim 8 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the dimension of the export canvas chart comprises
shifting the export canvas such that the tile is outside the boundary of the export canvas.
15. A computer implemented system, comprising:
one or more computer processors; and
a non-transitory computer-readable storage medium comprising instructions, that when executed, control the one or more computer processors to be configured for:
presenting an organizational chart within a first layer of a window, the organizational chart including a plurality of nodes that each represent an employee within an organization, wherein each node is represented as a tile within the first layer of the window;
presenting an export canvas within a second layer of the window that overlays the first layer, wherein the export canvas is configured to identify a portion of the organizational chart for export that lies within the within the boundaries of the export canvas;
detecting an adjustment to the export canvas;
determining that the adjustment causes a boundary of the export canvas to collide with a tile representing a node of the organizational chart;
determining, by the processor, whether a majority of the tile is within the export canvas; and
automatically updating the export canvas to prevent the collision based on the determination whether the majority of the tile is within the export canvas.
16. The computer implemented system of claim 15 , further comprising:
presenting an export menu within the window, the export menu being configured to provide a plurality of options for exporting the organizational chart; and
automatically updating an option from the plurality of options that is associated with the dimension when the dimension is updated to prevent the collision.
17. The computer implemented system of claim 15 , wherein the second layer is a transparent layer that overlays the first layer.
18. The computer implemented system of claim 15 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
adjusting a dimension of the export canvas such that the tile is within the boundary of the export canvas.
19. The computer implemented system of claim 15 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the export canvas chart comprises
shifting the export canvas such that the tile is within the boundary of the export canvas.
20. The computer implemented system of claim 15 , wherein determining whether the majority of the tile is within the export canvas comprises determining that the majority of the tile is within the export canvas, wherein automatically updating the dimension of the export canvas chart comprises
shifting the export canvas such that the tile is outside the boundary of the export canvas.