How to Align Input Fields Horizontally in Advanced Options Section of Custom Activity Properties in UiPath Library?

Help Something Else
1

Hello UiPath Community,

I am currently developing a custom activity using the UiPath Library feature. While configuring the activity properties, I have enabled the Advanced Only option for some properties so that they appear under the advanced options section of the activity.

However, I noticed that the input fields for these properties are displayed below the property name (vertically aligned) by default. I would like to change this layout so that the input fields are displayed to the right of the property name (horizontally aligned) instead.

Here are the key points of my question:

  1. Is there a way to customize the layout of the input fields in the advanced options section so that the fields are aligned horizontally (side-by-side with the property name)?
  2. If yes, could you please guide me on how to achieve this? Is there any specific setting or configuration I need to adjust in the UiPath Library or in the activity designer?

Any help or guidance would be greatly appreciated. Thank you in advance!

Best regards,
Hendaryie
This is how my custom lib right now

The image displays a software automation interface with settings for emailing and input actions along with configurable properties. (Captioned by AI)
The image displays a software automation interface with settings for emailing and input actions along with configurable properties. (Captioned by AI)987×571 29.8 KB

And this is how i want it to be

image
image987×440 27.1 KB

2

@Hendaryie_Tjoeng,

  1. Open your library project.
  2. Right click on your desired activity workflow
  3. Click on Activity Layout
    The image displays a dropdown menu from a software development environment, with options like 'Activity Layout' and 'Copy Repository URL' emphasized. (Captioned by AI)
    The image displays a dropdown menu from a software development environment, with options like 'Activity Layout' and 'Copy Repository URL' emphasized. (Captioned by AI)234×595 49.5 KB
  4. Now uncheck Advance Only checkbox for the arguments you want in the designer panel
    This image displays the properties configuration for creating a folder in a software application, showcasing input details such as folder path and additional settings like the 'Advanced Only' option. (Captioned by AI)
    This image displays the properties configuration for creating a folder in a software application, showcasing input details such as folder path and additional settings like the 'Advanced Only' option. (Captioned by AI)902×502 78.1 KB

Now you should be getting the desired fields in the design view

3

Hi ashokarale thanks for the answer but I already do that, the result is the input field is in the bottom, I want the field input is in the right
This is how my activity look like, the input field is in the bottom

The image displays a software interface for configuring email sending options, highlighting the 'Sent On Behalf' field for VB expression entry. (Captioned by AI)
The image displays a software interface for configuring email sending options, highlighting the 'Sent On Behalf' field for VB expression entry. (Captioned by AI)1237×523 36.3 KB

I want it to look like this

The image displays a configuration interface for a 'Type Into' input activity in an automation workflow, featuring secure text entry options and additional parameters. (Captioned by AI)
The image displays a configuration interface for a 'Type Into' input activity in an automation workflow, featuring secure text entry options and additional parameters. (Captioned by AI)1192×576 44.4 KB

4

@Hendaryie_Tjoeng

This is not possible using library project. For this you will have to build your activity using SDK. Documentation here:

Specific modification you will have to do while developing is this -

5

Thanks for the insight! :slight_smile:

1 Like