Page 1 of 1

opacity of a text input

Posted: Thu Jun 25, 2015 6:55 am
by She

Hi Team,
How can i set opacity in a textinput in page show? and when the user taps that textinput the opacity will go back to normal,
i tried to use the disabled thingy using this code:

code//pageshow event
$("[dsid='txtCode']").attr('disabled', true).addClass('ui-state-disabled');
//this is not working in opacity

//and in click/tap event i put this code to enabled the textinput again
$("[dsid='txtCode']").attr('disabled', false).removeClass( 'ui-state-disabled' );
//this is not working too.
/code

Thanks


opacity of a text input

Posted: Thu Jun 25, 2015 10:31 am
by Alena Prykhodko

Hello She,

What code do you use to set opacity?


opacity of a text input

Posted: Fri Jun 26, 2015 12:19 am
by She

Appery('txtCode').css('opacity', '0.6');


opacity of a text input

Posted: Sat Jun 27, 2015 12:18 pm
by Serhii Kulibaba

Hello She,

Please use JS below for setting transparent background of the input component:

preApperyio('inputComponent').parent().css('background','transparent');/pre

here inputComponent - name of the input component


opacity of a text input

Posted: Mon Jun 29, 2015 1:17 am
by She

Hi Sergiy,
it works perfect. im using that code into pageshow and then when the user clicks the inputcomponent the white background of the inputcomponent will return i used this code:
code
Apperyio('inputComponent').parent().css('background','#fffff');
/code
the problem now is the FONT COLOR is grey. how can i change it to black? i usecode
Apperyio('txtCode').css('color','#000000');
/code
screenshot:
https://d2r1vs3d9006ap.cloudfront.net...
any suggestion?
Thank you
She


opacity of a text input

Posted: Mon Jun 29, 2015 1:24 am
by She

opacity of a text input

Posted: Mon Jun 29, 2015 2:51 am
by She

Hi Team,
ignore this i already figured out.

Thank you,