Log in to AnswerLog in to Follow
UserImage.jpg
Boobalan Sembulingam
388Views
5Comments
Solved
How to achieve placeholder/prompt for an input widget of Date Datatype?
Question
Mobile
Application Type
Mobile

while working on a mobile application, I need to show a placeholder/prompt in a input widget which has a data type of DATE.

Here I need native type of calendar  to open when I click on input  instead of customized one(while using date picker, we get a customized one).

I tried to toggle the datatype through the Onfocus and Onblur events, but I don't want  to click two times on the input widget.

0
0
12 Apr 2021
2022-09-12 11-09-13
Rahul Sahu
mvp_badge
MVP
Solution

Hi,

you can use this css -

 .DatePlace:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.1em;
    width: 100%;
  }
 .DatePlace:focus:before,
 .DatePlace:valid:before {
    content: "";
  }


after that add a condition on style class property of  date input widget like

If(DateVar=NullDate(),"DatePlace","form-control")


Hope this will help you.

Regards

Rahul

2
0
12 Apr 2021

Hello Rahul,

It's working really fine. Thanks for your response.


Regards

Boobalan

1
1
12 Apr 2021

Hi @Rahul Sahu ,

This works like a charm. 

Thanks   :)


Regards,

Aj

0
0
06 Oct 2021
2022-09-12 11-09-13
Rahul Sahu
mvp_badge
MVP

Glad to help you. Welcome :-)

Cheers

1
0
12 Apr 2021

Sorry for the late message here, thanks for the fix Rahul, is this not a bug with OutSystems since it should show it automatically if you give it a prompt? @Rahul Sahu 

0
0
22 Dec 2022
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.