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 51752 time(s), 9 post(s) 22.01.2013 21:35:47by super

Related topics

super

super

22.01.2013 21:36:29
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.
Dieser Inhalt wurde noch nicht bewertet. 
6018 Reputation 709 Total posts
imarusic

imarusic

23.01.2013 09:56:25
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.
Dieser Inhalt wurde noch nicht bewertet. 
3016 Reputation 428 Total posts
imarusic

imarusic

23.01.2013 09:58:01
Also, I think you need to add it to Header.ascx control.
Dieser Inhalt wurde noch nicht bewertet. 
3016 Reputation 428 Total posts
tihomir-kit

tihomir.kit

23.01.2013 10:03:09
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
Dieser Inhalt wurde noch nicht bewertet. 
526 Reputation 43 Total posts
super

super

23.01.2013 17:00:04
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 ?
Dieser Inhalt wurde noch nicht bewertet. 
6018 Reputation 709 Total posts
mzilic

mzilic

23.01.2013 17:39:22
Hello,

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

Regards,
Mario
Dieser Inhalt wurde noch nicht bewertet. 
2218 Reputation 300 Total posts
super

super

23.01.2013 17:44:23
Mario, isn't DefaultSmallHeader.master for mobile devices ?
Dieser Inhalt wurde noch nicht bewertet. 
6018 Reputation 709 Total posts
mzilic

mzilic

23.01.2013 18:46:24
super, DefaultSmallHeader master is used on the desktop site version. You can find mobile masterpages in MasterPages\Mobile directory.

Regards
Dieser Inhalt wurde noch nicht bewertet. 
2218 Reputation 300 Total posts
super

super

23.01.2013 18:58:10
Mario, thanks - this issue has been resolved by adding icons in default.master as well as defaultsmallheader master pages.
Dieser Inhalt wurde noch nicht bewertet. 
6018 Reputation 709 Total posts