0

How do I Change the “Double Arrow” image used in SharePoint's WebPart Connections?

2 Answers 2

2

found a way please see below.

 <style>
IMG[src*='/_layouts/15/images/rbsel.gif'] {
    BACKGROUND-IMAGE: url('https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/checked_checkbox.png');
    WIDTH: 26px;
    HEIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 26px
}
IMG[src*='/_layouts/15/images/rbunsel.gif'] {
    BACKGROUND-IMAGE: url('https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/unchecked_checkbox.png');
    WIDTH: 26px;
    HEIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 26px;
}
</style>
0

I don't think this might be the optimize solution. You can write a jquery get the double arrow image and replace it with custom image. E.g:

Get all image with double arrow on the page
 var collection =$('img[src$="rbsel.gif"]');
//loop it
$.each(collection,function(index,item){
  //replace the image src here
$(item).src(tosomething);
});

Hope it helps

3

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.