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.

Templating  (Mono Support )

Viewed 29245 time(s), 5 post(s) 5/5/2011 10:50:44 PMby ritterb0586

Related topics

ritterb0586

ritterb0586

5/5/2011 10:50:44 PM
Hi,

I'm looking at creating my own template system for our website. I was looking in the manual and there is a little bit of info in how the templating system is set up, but nothing too in depth.

I was wondering if there was a tutorial on creating a template and/or skins.

Thanks
This content has not been rated yet. 
25 Reputation 4 Total posts
khorvat

khorvat

5/6/2011 7:38:22 AM
Hi,

creating your own template is straight forward process which I'll describe in a few steps:

1. Copy the /App_Themes/Default and /App_Templates/Default to your own theme name (e.g. /App_Themes/YourThemeName and /App_Templates/YoutThemeName)
2. Now you should copy or create your own Master pages that inherits from MonoX.master (We recommend that you copy your Master page to the /YourAppNameFolder/MasterPages/YourMasterPage.master
3. Change your Master page layout as you like (Header, Content and Footer sections) - for more information take a look at the Master pages and Nested Master pages
4. Change the CSS from the Theme folder to suite your needs and to follow your Master page layout design
5. Decide which MonoX built-in modules you need for your Application / Web Site and then approach to redesigning them (You can find all MonoX built-in module templates at /App_Templates/YoutThemeName)
6. More on Page and Module templating you can find in MonoX manual under the section "14.6 Themes, templates and chromes"

At the moment we are performing some optimization tasks related to whole MonoX mark-up (Master pages, Pages, Modules, Module templates)  and CSS so our users can easily copy or change the block of design that they need.  If you are not in the rush and you can wait a little bit more we are planning to release new version of MonoX at the end of the next week with all these changes (We need a few more revisions to fix some styling issues) ? Shortly after we release new version we will provide the community with the detailed walk through on how to create a custom design.

You also can find more information in these posts:
How to: Create a custom pager template (Module templating)
Building a custom Web part (Module templating)

http://www.mono-software.com/Mono/Pages/Discussion/dtopic/gNxb7SxprEm4-Z6KATl6gQ/Sample-design-template/?pageno=1
http://www.mono-software.com/Mono/Pages/Discussion/dtopic/k5lkU69Ez0aGkJ6jAP1NBg/changing-a-template-name-of-an-existing-page/?pageno=1

Regards



This content has not been rated yet. 
15993 Reputation 2214 Total posts
ritterb0586

ritterb0586

5/7/2011 3:36:56 AM
Thanks for the info and thats great to here about the new system. Looking forward to messing around with it.
This content has not been rated yet. 
25 Reputation 4 Total posts
khorvat

khorvat

5/25/2011 9:26:11 PM
Hi,

I just want to point out that new version of MonoX (4.1.2741) is available for download. Now you can upgrade to new MonoX version to get the CSS modifications that I have mentioned earlier. You can also take a look at the newly published article related to Building a custom ASP.NET project based on MonoX which also includes few templating pointers.

We will publish an article related to custom templating from scratch, so keep tuned.

Regards
This content has not been rated yet. 
15993 Reputation 2214 Total posts
GeorgeBirbilis9

GeorgeBirbilis9

10/2/2012 3:26:08 PM
> We will publish an article related to custom templating from scratch, so keep tuned

has this been published?

---

Btw, when I find a support page like this using say Google, to answer I have to login first. But after login it takes me to home page instead of taking me back to this page.
- I wonder if login page could remember its referrer page and if it's a page of the same site then go back to it (needs some though on whether using a fake referrer could give a hacker any advantage with this like performing some elevated-rights action).
- Else maybe if login would show up in a "modal" like iframe (similar to how photo galleries show up, graying the page below them and appearing in a centered "window")
This content has not been rated yet. 
5 Reputation 2 Total posts