Skip to Content (Press Enter)
2019-10-09 05-09-10
Rushabh Shah
180Views
6Comments
Solved
Animations to Placeholder on Input Box Focus
Question
CSS

Hi,


I want to achieve the following behaviour in Outsystems.

I have this text-box as in the following screenshot.

On focus to the input box, the placeholder moves above like this:

I have attached HTML Code for the same. It would be nice if somebody can give me workaround to try it in Outsystems. The problem I face is that I cannot insert an input box inside a label and hence I cannot move ahead as per this HTML Code.


Best Regards,

Rushabh Shah

AnimatedPlaceholder.html
0
0
19 Dec 2018
Copy Link
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution

Hi,

you can do this with OutSystems animated label widget available for web and mobile.

Regards, Daniel

0
0
19 Dec 2018
Copy Link
2019-10-09 05-09-10
Rushabh Shah

Daniël Kuhlmann wrote:

Hi,

you can do this with OutSystems animated label widget available for web and mobile.

Regards, Daniel

Hi Daniël,


It works fine for any application without Themes(Lisbon/Liverpool etc). But with any particular theme it fails. Maybe because the base theme might be overriding the effects.


Regards,

Rushabh Shah

0
0
20 Dec 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant

Hi Rushabh,

Which version of the platform you are using. As Danial said you can use the animated label in both web(PF 11) and mobile(PF10).


Regards,

Pankaj

1
0
19 Dec 2018
Copy Link
2019-10-09 05-09-10
Rushabh Shah

Pankaj pant wrote:

Hi Rushabh,

Which version of the platform you are using. As Danial said you can use the animated label in both web(PF 11) and mobile(PF10).


Regards,

Pankaj


Hi Pankaj,

I am using OS 11.


Regards,

Rushabh Shah 

0
0
20 Dec 2018
Copy Link
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Rushabh,

I think it works only with OutSystems UI, Themes Lisbon/Liverpool) are SilkUI themes.

Regards,

Daniel

0
0
20 Dec 2018
Copy Link
2019-10-09 05-09-10
Rushabh Shah

Daniël Kuhlmann wrote:

Hi Rushabh,

I think it works only with OutSystems UI, Themes Lisbon/Liverpool) are SilkUI themes.

Regards,

Daniel

Ok, Thanks Daniel.


Best Regards,

Rushabh Shah


0
0
20 Dec 2018
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.