75
Views
6
Comments
Solved
How can i place feedback button on right side of screen.
Question
Application Type
Reactive

Hi ,

Im new to outsystems platform. Im working on reactive web app.I have to palce a feedback button on right side top of the screen [as shown in picture] so that whenever user clikcs on feeedback button he can see types of feedback and text area box. How can i achieve this.

Thanks.

2021-06-02 20-50-04
Márcio Carvalho
Solution

Try to use FloatingContent, to see if it helps you. And then, 

And then you can even create a class to make the button rotate as I did in the image below

EDIT:

Yes, I agree with Miguel, you can use the floating content directly on the main/default layout that is used among the screens.

Check the OML and let us know if it helps you!

Ps: the left style is used right now var(--space-base) because of the spacing given to the button itself, but if the button has a bigger spacing, the left spacing should change to the new spacing of the button.

Floating Content.oml
UserImage.jpg
Bilalhussaini Sayyed

thanks Márcio Carvalho . its working

2022-08-03 04-32-50
Ravi Punjwani

Hi Bilalhussaini,

Have you tried to use any existing forge component for this feature?

Find some of them here and try out to see if it works for you.

https://www.outsystems.com/forge/list?q=feedback&t=reactive&o=&tr=False&oss=False&c=%20&a=&v=&hd=False&tn=&scat=forge

UserImage.jpg
Bilalhussaini Sayyed

Hi Ravi ,

Thanks for response but Im able to design the required data and display it but my concern is how to  place feedback button on particular place as shown in picture (right side of screen).


Thanks.


2021-06-02 20-50-04
Márcio Carvalho
Solution

Try to use FloatingContent, to see if it helps you. And then, 

And then you can even create a class to make the button rotate as I did in the image below

EDIT:

Yes, I agree with Miguel, you can use the floating content directly on the main/default layout that is used among the screens.

Check the OML and let us know if it helps you!

Ps: the left style is used right now var(--space-base) because of the spacing given to the button itself, but if the button has a bigger spacing, the left spacing should change to the new spacing of the button.

Floating Content.oml
UserImage.jpg
Bilalhussaini Sayyed

thanks Márcio Carvalho . its working

2024-09-17 18-14-33
Miguel Defavari da Silva

Hello, 

This area is out of the screen main content and it looks like this is something that you will show on all screens, with that said, you can customize the layout itself.

Then you just need to use container and OutsystemsUI widgets to adjust the position and the look and feel of this component.

Please refer this video on how to do this. Creating a custom layout

I hope this helps you :)

Best regards,

Miguel 

UserImage.jpg
Bilalhussaini Sayyed

Thanks for the response.

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