1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    3
    Vote Rating
    0
    enki75 is on a distinguished road

      0  

    Default change opacity in mask behind modal window

    change opacity in mask behind modal window


    hi,
    anyone can help me?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,524
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Change the CSS

    Code:
    .x-mask {
        opacity : .9
    }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    3
    Vote Rating
    0
    enki75 is on a distinguished road

      0  

    Default


    yea,
    but in this case i change all opacity in my project to .9.
    i need to set opacity to specific object.
    ex:
    1- for loading (grids etc..) mask opacity 0.5
    2- for modal window (my login) opacity 1

    sorry for my english

  4. #4
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,398
    Vote Rating
    128
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    You will need to add an additional css class to the mask element to handle this situation.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    3
    Vote Rating
    0
    enki75 is on a distinguished road

      0  

    Default


    tnx...

    i set new css with new name ext:

    .new-mask {
    background-color: transparent;
    filter: none;
    opacity: 1;
    }

    but how set to the modal window???
    cls: ?

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    Ankara
    Posts
    8
    Vote Rating
    0
    volkans80 is on a distinguished road

      0  

    Default


    Did you resolve this?

  7. #7
    Sencha User
    Join Date
    Feb 2012
    Posts
    3
    Vote Rating
    0
    rubimazaki is on a distinguished road

      0  

    Default


    You can always just use the scss files .. for a specific window