How to add extra space in DateTime Object label

RE: How to add extra space in DateTime Object label

shamima0001 — Wed, 25 Nov 2020 11:06:58 GMT

Thanks, Worked!

RE: How to add extra space in DateTime Object label

Pedro Simões — Wed, 25 Nov 2020 10:26:53 GMT

shamima0001, you'll have to use non-breaking spaces for that. Something like this in your label should work. Please beware that using the approach below will not adjust properly once you are seeing the date and time component in other platforms (different screens, mobile, tablet). You can tweak the times parameter to better suit your case.

"Date" &joinarray(repeat(times: 25, input: char(160))) & "Test"

RE: How to add extra space in DateTime Object label

shamima0001 — Wed, 25 Nov 2020 10:17:19 GMT

Actually, Date Time is a single label and I am just trying to add some extra space in between Date & Time word.

RE: How to add extra space in DateTime Object label

Pedro Simões — Wed, 25 Nov 2020 09:58:56 GMT

Hi shamima0001, as Jai mentioned you can't achieve this with the OOTB Date and Time component. I advise you to assess if this small UI change is really needed. I strongly suggest using the OOTB functionality as much as possible in order to ensure that your application is using the latest features and changes that are constantly being added to the product each quarter.

RE: How to add extra space in DateTime Object label

Jai Joshi — Wed, 25 Nov 2020 09:44:16 GMT

shamima0001: Not sure if you can achieve this using Out Of the Box Date Time component. One way I can think to implement is to use side by side layout where one of the item could be a Date component and another one being a dropdown to allow user from the list of times (which could be an array constant of times which are half an hour separated)