Creating a seat plan for a office floor.

RE: Creating a seat plan for a office floor.

noumanc — Wed, 19 Oct 2022 12:02:29 GMT

Thanks Shalini, I have worked on the interactiveSvgMapField plugin, but was facing the trouble with text. It is solved now.

RE: Creating a seat plan for a office floor.

noumanc — Wed, 19 Oct 2022 12:01:13 GMT

Thanks Bilal, after experimenting i got the solution.
Putting the text code just before the end of the SVG image code brings the text overlapping the image in the background.

RE: Creating a seat plan for a office floor.

Bilal Qasim — Wed, 19 Oct 2022 08:53:37 GMT

You will likely need to experiment with the x/y coordinates (that you mention above), transform as well as the viewBox you've set for your image. Unfortunately there isn't a straight forward answer and will require some playing around with your svg. Alternatively you could set your text as tooltips if it makes sense to do so.

If you are still experiencing issues then you might need to provide more space on your interface if it shares space with other components as it could impact how your image appears on the page.

RE: Creating a seat plan for a office floor.

shalini — Wed, 19 Oct 2022 04:16:41 GMT

use interactiveSvgMapField plugin. Appian Community

RE: Creating a seat plan for a office floor.

noumanc — Tue, 18 Oct 2022 15:42:55 GMT

Thanks Bilal,

This solution is working.

I am having one problem while writing text, where i give the following code the text is partly hidden.

Is there an option to overlap the text on the images.

Part of the text is getting hidden behind the desk images.

<text x="10" y="10">Hello World!</text>

RE: Creating a seat plan for a office floor.

noumanc — Tue, 11 Oct 2022 14:51:23 GMT

Thanks Bilal, I will definitely try this.

RE: Creating a seat plan for a office floor.

Bilal Qasim — Tue, 11 Oct 2022 13:50:15 GMT

You could create selectable svg image(s) of the office plan and plug it in to an interface using the Interactive SVG Map Component plugin

RE: Creating a seat plan for a office floor.

noumanc — Tue, 11 Oct 2022 13:32:52 GMT

Thanks @geethas0002. Your suggestion is quite helpful.
But our objective is to create an interface with floor plan of seating arrangement. where visibility of desk is required to see at a glance whether a desk is occupied.

RE: Creating a seat plan for a office floor.

noumanc — Tue, 11 Oct 2022 13:00:48 GMT

Thanks Ujjwal for your suggestion, i will try that.

RE: Creating a seat plan for a office floor.

ujjwalr0002 — Tue, 11 Oct 2022 12:39:19 GMT

Editable Grids can be helpful

RE: Creating a seat plan for a office floor.

Geetha Satya Sree — Tue, 11 Oct 2022 12:36:56 GMT

If you want to keep it simple you can create Totally Three Tables, one Table with all list of Seat Details, another with All Employee Details and Third one will store Mapping between Seat & Employee, Later you can create one Expression rule to get all Seats which are not occupied (mark one of the column in Seat Table for this) , And similarly list of Employees who didn't got allocated, Call these expression rules in Choice values of the Drop down.

RE: Creating a seat plan for a office floor.

noumanc — Tue, 11 Oct 2022 12:21:57 GMT

Yes i want to create an interface, where i can select any seat and allocate that seat to an employee.

Like the way we select seats on booking movies online.

RE: Creating a seat plan for a office floor.

ujjwalr0002 — Tue, 11 Oct 2022 12:11:33 GMT

Do you want to create a UI for that? Please elaborate