Container Fade only not Display: False

Container Fade only not Display: False

  

Hi!

Can someone help me on this?

The default active radio button is on round-trip

but if I click the one-way, if displays as false, I want it only as faded not totally gone.


thankyou,

-Daryl

Hi Daryl,

You'll have to provide a little more background information for us to be able to answer. Did you write all the code yourself, or is it a project by someone else? Did you inspect the code to see what goes on?

This looks like a programming error, not something that's directly related to the OutSystems Platform.

Kilian Hekhuis wrote:

Hi Daryl,

You'll have to provide a little more background information for us to be able to answer. Did you write all the code yourself, or is it a project by someone else? Did you inspect the code to see what goes on?

This looks like a programming error, not something that's directly related to the OutSystems Platform.

Hi Kilian,

Sorry for lack of information, I wrote the code my self, this is a new search bar for a travel agency website www.tripmoba.com.

the radio button round-trip(enabled:true) and the destination I made is this:

I made a local variable isOneWay(Default Value: False)

and when the users clicked on the radio button one-way the container of the date is set to display:false

but I want to set it on opacity 50%.

thanks

-daryl

Hi Daryl,

Display will not render the control itself if it was set to false.

If you want to use fade, use Enabled Property instead of Display

I hope it helps

Thank you,

Sekar




Sekar wrote:

Hi Daryl,

Display will not render the control itself if it was set to false.

If you want to use fade, use Enabled Property instead of Display

I hope it helps

Thank you,

Sekar




alright thankyou. I'm thinking in enabled property to put a css opacity: 50%


Hi Daryl,

You can indeed use some CSS to adjust the opacity.

Kilian Hekhuis wrote:

Hi Daryl,

You can indeed use some CSS to adjust the opacity.

Hi Kilian,

but when I put css it says only required is Boolean


thanks

-daryl


Hi Daryl,

I assume that you have a condition on the Cell that sets a style extended property with content "display:off". Instead, you'd add a class extended property, and set the right class, then style it using CSS.

Hi Daryl,

Add CSS for disabled controls like this, It will work

example for input 

input[type=text]:disabled {
    opacity: 0.5;
}


Hi Sekar,

I don't think this helps, as the cell is not actually disabled (Daryl sets it to display:none). I'm not sure whether you can add a disabled tag to something that's not an input.

Solution

Hi.

Wouldn't be this a case to put a "mask" over the wrapper?
Or maybe, only disable the input and change the style of it?

If so, I have an example attached with both ways.
https://eduardojauch.outsystemscloud.com/DivFaded/Home.aspx?_ts=636401347977252446

Cheers,
Eduardo Jauch

Solution

Eduardo Jauch wrote:

Hi.

Wouldn't be this a case to put a "mask" over the wrapper?
Or maybe, only disable the input and change the style of it?

If so, I have an example attached with both ways.
https://eduardojauch.outsystemscloud.com/DivFaded/Home.aspx?_ts=636401347977252446

Cheers,
Eduardo Jauch

Hi Eduardo,

this solved my problem, thankyou.

-Daryl