Rich Widget documentation - reactive web app

Hi guys, again I have done research. I'm 3days old here in Outsystems 11 and the tutorials are about richw widgets.


I just wanna ask how to acquire rich widget because currently the pop-up is not resizable. Hoping again for your answers. Thanks!


I even put css / layouts, it doesn't work.

Hi,

 If you can't adjust the size customizing the CSS classes, you can try to use the pop ups available on forge here

:)

Im trying to achieve a registration form inside a popup. I cant resize it.

Hello Christian,

Richwidgets is Web Traditional. It does not work / should not be used with REACTIVE applications.
So, don't use it if you are working in REACTIVE.

Could you explain exactly what are you trying to accomplish with the Popup in REACTIVE?
By default, the popup will have a max width of around 500px;

.popup-dialog {
    border: 0;
    border-radius: var(--border-radius-soft);
    box-shadow: var(--shadow-xl);
    max-height: 100%;
    max-width: 500px;
    overflow: initial;
    padding: var(--space-m);
    width: 100%;
}

But you can change this with CSS.

So, what do you need?

If you put this into the page Stylesheet: 

.popup-dialog {
    max-width: 90%;
}

And define in the Popup the width to 90%, it will respect that...

Eduardo Jauch wrote:

Hello Christian,

Richwidgets is Web Traditional. It does not work / should not be used with REACTIVE applications.
So, don't use it if you are working in REACTIVE.

Could you explain exactly what are you trying to accomplish with the Popup in REACTIVE?
By default, the popup will have a max width of around 500px;

.popup-dialog {
    border: 0;
    border-radius: var(--border-radius-soft);
    box-shadow: var(--shadow-xl);
    max-height: 100%;
    max-width: 500px;
    overflow: initial;
    padding: var(--space-m);
    width: 100%;
}

But you can change this with CSS.

So, what do you need?

If you put this into the page Stylesheet: 

.popup-dialog {
    max-width: 90%;
}

And define in the Popup the width to 90%, it will respect that...


May I know is there any widget which performs like list sort column widget in rich widgets of traditional web?

Hi,

Please, your question is not related with the Post.
I recommend you to open a new post to do the question. :)

P.S. I don't know if there is such widget (didn't explored everything yet), but Tables in Reactive have this mechanism built in (every column has a property for you to tell by which column the aggregate must be sorted. I recommend the online training where this is seen.

Eduardo Jauch wrote:

Hi,

Please, your question is not related with the Post.
I recommend you to open a new post to do the question. :)

P.S. I don't know if there is such widget (didn't explored everything yet), but Tables in Reactive have this mechanism built in (every column has a property for you to tell by which column the aggregate must be sorted. I recommend the online training where this is seen.

Hi,

Thank you for your reply.