Question: I am using js codes to apply shadow . When my button background color is white it doesnot apply any box shadow.But one of my function is within uncaught reference error.

My js files are
---------------

```
var btnDefault = $(".btn");
btnDefault.each(function(index, elem) {

    var btnDefaultbgColor = $(this).css('backgroundColor');
    hexConvert(btnDefaultbgColor);
    if (color === '#ffffff' || color === '#fff') {
        $(this).css({
            'box-shadow': 'none'
        });
    };
});

```

and my `hexConvert` function is
-------------------------------

```
function hexConvert(colorval) {
    var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    if (!parts) {
        return null;
    }
    delete(parts[0]);
    for (var i = 1; i <= 3; ++i) {
        parts[i] = parseInt(parts[i]).toString(16);
        if (parts[i].length == 1) parts[i] = '0' + parts[i];
    }
    color = '#' + parts.join('');
}

```

There might be a issue with `background:transperent` (i am not understandin :/).
But when the background is white it also shows same error

How can i solve it?

Answer: 
You are using `FragmentActivity` and `getSupportFragmentManager()`. Therefore, `PlaceholderFragment` needs to inherit from `android.support.v4.app.Fragment`, not `android.app.Fragment`.
Use 

```
 import android.support.v4.app.Fragment; 

```

instead of 

```
import android.app.Fragment;

```

All over in the project.

Also, use support library for FragmentManager and FragmentTransaction.