TechBubbles Microsoft Technology BLOG

Converting HTML file into Master Page in SharePoint 2013

Using Design Manager in SharePoint 2013, you can convert .html file into a Master Page. After completion of the conversion process both HTML and Master Pages are get associated with each other, so when you change the HTML file and save, the changes are synced to the associated Master Page. If you use Design Manager in SharePoint 2013 then you do not have to know about SharePoint specific mark-up or ASP.NET. As a designer you can concentrate on CSS, HTML and JavaScript.

Note: The synchronization process works in one direction only, any changes to the HTML page are synced to the master page but If you change the master page then those changes would not reflect in HTML page. Every HTML master page has a property Associated File which is set to true by default.

Convert HTML page into Master Page

Before converting HTML page, you have to upload all your design files to mapped drive. Map a network drive to Master Page gallery navigate to the design manager using site settings

image

In Design Manager , click the fourth link Edit Master Pages

image

Then click the convert HTML file to a SharePoint Master page link , In Select an Asset dialogue box browse the design files that you want to convert

image

Many lines of mark-up get added to your HTML page and this mark-up is critical for converting HTML file into .master file.

more on this topic can be read here.

Share this post :

About the author

Kalyan Bandarupalli

My name is kalyan, I am a software architect and builds the applications using Microsoft .NET technologies. Here I am trying to share what I feel and what I think with whoever comes along wandering to Internet home of mine.I hope that this page and its contents will speak for me and that is the reason I am not going to say anything specially about my self here.

Add Comment

TechBubbles Microsoft Technology BLOG

Follow me

Archives

Tag Cloud