Refresh background colours on dropdown using Converter

» chash » Refresh background colours on dropdown using Converter

By : JMenn

Date : December 05 2020, 12:22 PM

Any of those help Solved with a quick point in the right direction by Mojo Jojo:
I needed to implment INotifyPropertyChanged into my class like so:

code :

public class TestClass : INotifyPropertyChanged
{ 
    public string Text { get; set; }
    private int _val1 { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;

    public int Val1
    {
        get { return _val1; }
        set
        {
            _val1 = value;
            RaisePropertyChanged("Val1");

        }
    }

    protected void RaisePropertyChanged(string name)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(name));
        }
    }

}

Share :

Background colours missing on pure CSS dropdown menu in IE

By : Uwascan

Date : March 29 2020, 07:55 AM

With these it helps Internet explorer does not support CSS3 gradients. Instead you have to use IEs proprietary and awful filter.

code :

.menu li ul a {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
    background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380'); /* for IE */
}

refresh contents of mysql driven dropdown list without page refresh

By : Rehan Abbas

Date : March 29 2020, 07:55 AM

Any of those help I have a php page with a dropdown list that is populated by a mysql query. , You need to use AJAX based queries to achieve this.

Different background colours using four colours in a pattern

By : fraudoudou

Date : March 29 2020, 07:55 AM

I wish this helpful for you I have a set of four colours and I'm wondering if it's possible to change the colour of a div in pattern using these four colours as a loop. So, for example: , You can do it with just CSS:

code :

div:nth-child(4n+1) { background-color : red; }
div:nth-child(4n+2) { background-color : blue; }
div:nth-child(4n+3) { background-color : green; }
div:nth-child(4n+4) { background-color : yellow; }

$(document).ready(function() {
    $("div:nth-child(4n+1)").css("background-color","red");
    $("div:nth-child(4n+2)").css("background-color","blue");
    $("div:nth-child(4n+3)").css("background-color","green");
    $("div:nth-child(4n+4)").css("background-color","yellow");
});

Background attachment local - How to have child elements with background colours and still see scroll effect?

By : Oriol Prat

Date : March 29 2020, 07:55 AM

Any of those help Why don't you modify the gradients of the parent element itself? As the author is simulating the shadow effect using the radial gradient, there is no physical element present so that you can play with the z-index, read ahead if you want a jQuery solution for the same.
Demo

code :

.flow {      
    background:
    linear-gradient(#f00 30%, rgba(255,0,0,0)),
    linear-gradient(rgba(255,0,0,0), #f00 70%) 0 100%,
    radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

    background:
    linear-gradient(#f00 30%, rgba(255,0,0,0)),
    linear-gradient(rgba(255,0,0,0), #f00 70%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

    background-repeat: no-repeat;
    background-color: #f00;
    background-size: 100% 60px, 100% 60px, 100% 10px, 100% 10px;
    background-attachment: local, local, scroll, scroll;
    margin: 40px auto;
    max-height: 200px;
    overflow: auto;
    width: 200px;
}

$(document).ready(function(){
    $('.data-holder').scroll(function(){
        $("#shadow, #whitish").css({'top': $('.data-holder').scrollTop() + 'px'});
        var y = $('.data-holder').scrollTop();
        if( y > 0 ){
            $("#shadow").show();
        } else {
            $("#shadow").hide();
        }
    });
});

.data-holder {
    width: 200px;
    height: 300px;
    border: 1px solid #ddd;
    overflow: auto;
    position: relative;
}

#shadow {
    position: absolute;
    left: 0;
    height: 30px;
    width: 180px;
    z-index: 9999;
    display: none;
    background: radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
}

#shadow + div {
    padding-top: 10px;
}

#whitish {
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 10px;
    z-index: 999999;
}

.block {
    background: #f00;
}

$("#shadow, #whitish").css({'top': $('.data-holder').scrollTop() + 'px'});

var y = $('.data-holder').scrollTop();
if( y > 0 ){
    $("#shadow").show();
} else {
    $("#shadow").hide();
}

<div class="parent">
    <div class="child"></div>
</div>

.parent {
    height: 300px;
    width: 300px;
    border: 1px solid #f00;
}

.child {
    border: 1px solid #000;
    height: 40px;
    width: 40px;
    z-index: -1;
    position: relative;
}

I am having trouble adding HTML5 (background colours and colours) to my website within the WordPress editor

By : Olaru Virgil

Date : March 29 2020, 07:55 AM

I hope this helps you . I suggest you use background-color: instead of color:. Color will just change the text color, or the color of the words inside that header. Using background-color will change the background color.