Is there a way to replace wording with an image on SignOut webpart?

Liya Han asked on August 16, 2018 08:45

I'm using the signout webpart and want to use an image to replace the wording. Someone has any advice for this? Appreciate your time.

sign out image

Correct Answer

Dragoljub Ilic answered on August 16, 2018 10:25

Hi Liya,

You should clone 'Sign out button' webpart and made changes directly in that control. Files for that web part are placed under CMSWebParts/Membership/Logon/signoutbutton.ascx. There you can easily modify .ascx file how ever suits you best to make that image clickable.

Best regards, Dragoljub

0 votesVote for this answer Unmark Correct answer

Recent Answers

Arun Kumar answered on August 16, 2018 09:03

Hi Liya,

You can replace the sign out button with image control in CMS -> CMSAdminControls -> UI -> UserMenu.ascx.

<cms:LocalizedLinkButton runat="server" ID="lnkSignOut" OnClick="lnkSignOut_OnClick" ResourceString="signoutbutton.signout" EnableViewState="false" />

 <asp:ImageButton runat="server" ID="lnkSignOut" ImageUrl="<image-url>"  EnableViewState="false" OnClick="lnkSignOut_OnClick"/>

0 votesVote for this answer Mark as a Correct answer

Arun Kumar answered on August 16, 2018 09:38

To change the Sign Out text to image in Sign Out web part you can use Javascript webpart on same page or in master page with below code

window.onload=function(){
  var btn=document.getElementsByClassName("signoutButton")[0]
  btn.style.backgroundImage = "url('image1.png')";
}

In Sign Out web part leave the Button Text blank or you can remove the button text in above code.

0 votesVote for this answer Mark as a Correct answer