MonoX support board

Start the conversation, ask questions and share tips and solutions with fellow developers.

Non-registered users can only browse through our support boards. Please register now if you want to post your questions. It takes a second and it is completely free. Alternatively, you can log in without registration using your credentials at major sites such as Google, Microsoft Live, OpenId, Facebook, LinkedIn or Yahoo.

how to add social media icons on the header ?  (Mono Support )

Viewed 20484 time(s), 9 post(s) 1/22/2013 9:35:47 PMby super

Related topics

super

super

1/22/2013 9:36:29 PM
I want to add social media icons on the header, I know I have to work with stylesheet and add image src in the code - I tried everything on master pages where menu and logo is but unable to do that..sometimes icons are displayed as zoomed image or sometimes there are not aligned or sometimes they are not there even when I add the src in the page.

Could you please show me exact way how to add icons in the header ? or show me the exact location where should I add ?

I have attached screenshot where I want icons in header.
This content has not been rated yet. 
6018 Reputation 709 Total posts
imarusic

imarusic

1/23/2013 9:56:25 AM
Hi,

I believe you are trying to use MonoX's social login control? In that case you will need to amend/style it yourselft to get needed styling.

Regards.
This content has not been rated yet. 
3016 Reputation 428 Total posts
imarusic

imarusic

1/23/2013 9:58:01 AM
Also, I think you need to add it to Header.ascx control.
This content has not been rated yet. 
3016 Reputation 428 Total posts
tihomir-kit

tihomir.kit

1/23/2013 10:03:09 AM
Hi,

the following link can aid you in learning CSS positioning. Regarding the image size, you could approach the problem by encapsulating your img into a div like this:

<div id="social"><img src="social.jpg"></div>
and adding a bit of CSS:

#social { height: 100px; width: 100px; overflow: hidden; }
Regards
This content has not been rated yet. 
526 Reputation 43 Total posts
super

super

1/23/2013 5:00:04 PM
I want to add social media icons to link my pages not the monoX's social login control.

Where is Header.ascx ? I cannot find any file with this name in the mono project solution ?
This content has not been rated yet. 
6018 Reputation 709 Total posts
mzilic

mzilic

1/23/2013 5:39:22 PM
Hello,

The sections you have indicated in you screenshot can be found in DefaultSmallHeader.master and Default.master master pages.

Regards,
Mario
This content has not been rated yet. 
2218 Reputation 300 Total posts
super

super

1/23/2013 5:44:23 PM
Mario, isn't DefaultSmallHeader.master for mobile devices ?
This content has not been rated yet. 
6018 Reputation 709 Total posts
mzilic

mzilic

1/23/2013 6:46:24 PM
super, DefaultSmallHeader master is used on the desktop site version. You can find mobile masterpages in MasterPages\Mobile directory.

Regards
This content has not been rated yet. 
2218 Reputation 300 Total posts
super

super

1/23/2013 6:58:10 PM
Mario, thanks - this issue has been resolved by adding icons in default.master as well as defaultsmallheader master pages.
This content has not been rated yet. 
6018 Reputation 709 Total posts