Results 1 to 3 of 3

Thread: Fields overlapping CSS background image

  1. #1
    Sencha Premium Member
    Join Date
    Nov 2008
    Posts
    28

    Default Fields overlapping CSS background image

    Hello all. I am trying to add a background image to a form to indicate that the data the user is looking is stale. I am able to produce the image, however I am not able to get around a few issues.

    a) The background is being displayed but is seems to be 'underneath' the fields.
    b) No matter what options I define in my CSS class, the image is still repeating and I am not able to stretch it to be larger.

    I have used FireFox and also the IE 8 web developer to find the parent CSS classes but I am still unable to modify the correct class. I have included an image for review. Any pointers/solution are greatly appreciated. Thank you.

    CSS file code
    Code:
    .stale {
        background-image: url(../images/stale_data.gif) !important;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
    }
    Javascript code
    Code:
    if(stale == true)
    {
         //Add background
         form.el.addClass('stale');
    }
    else
    {
        // Remove background
         form.el.removeClass('stale');
    }
    Attached Images Attached Images

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    Do the fields have a background color or anything to them?
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3
    Sencha Premium Member
    Join Date
    Nov 2008
    Posts
    28

    Default

    The fields have

    Code:
    background-color: #FFFFFF
    background-image: none
    I have tried to modify the background using but to no avail.

    Code:
    form.el.applyStyles({'background-image: (url: ../images/stale.gif)'});
    Is there something I am missing or should be looking at?
    Last edited by mastachef; 5 Feb 2012 at 9:09 AM. Reason: missing information

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •