CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Zone: > NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 3/31/2008 8:28:12 AM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 5 Views: 16 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
6 Items, 1 Pages 1 |< << Go >> >|
mvpm
Asp.Net User
How to customize style in Masterpage3/31/2008 8:28:12 AM

0/0

I'm using a masterpage with a stylesheet and there's a few aspx page.(vb)

I'm making one of the page for user to customize their own style include header (text, back colour, font size,), left column (text, back colour, font size) and content(text, back colour, font size). The function is something like customizing your own blog. How can I do that? 

 
goldengraham
Asp.Net User
Re: How to customize style in Masterpage3/31/2008 10:19:07 AM

0/0

I'd use themes for this one. Here's an article:

 http://msdn2.microsoft.com/en-us/library/tx35bd89%28VS.80%29.aspx

 
Amanda Wang - M
Asp.Net User
Re: How to customize style in Masterpage4/2/2008 2:59:47 AM

0/0

Hi,

mvpm:
The function is something like customizing your own blog. How can I do that? 

You can create Multiple themes in your application, then you can let the user select a theme for the page.

The details you can refer this msdn article:  Walkthrough: Creating User-Selectable Themes

 

Hope it helps.

Please remember to mark the replies as answers if they help and unmark them if they provide no help.


Yours sincerely,
Amanda Wang
Microsoft Online Community Support
mvpm
Asp.Net User
Re: How to customize style in Masterpage4/2/2008 3:49:33 AM

0/0

So we can only let the user select theme? We can't let the user to change specific colour they want from a colour table or text size?
Amanda Wang - M
Asp.Net User
Re: How to customize style in Masterpage4/2/2008 11:24:47 AM

0/0

Hi,

mvpm:
So we can only let the user select theme? We can't let the user to change specific colour they want from a colour table or text size?

You can let the user to change specific colour they want from a colour table or text size, but it is not easy.

If you want to change from the color table, you need to use javascript.

You can try to refer this link to view the color picker: http://www.mattkruse.com/javascript/colorpicker/:

And you can download js file here: http://www.mattkruse.com/javascript/colorpicker/combined-compact/ColorPicker2.js

And in addition, about the system color-selection dialog box, you can refer this msdn article: http://msdn2.microsoft.com/en-us/library/ms536349.aspx

Then use it in ur asp.net page to let the user use color picker, get the value of the specific colour,  so you can change the table color in the codebehind.

About the text size dialog, you can try to  use the Dialog Helper Object to get the fonts and the Formats , try to refer the below code:

<%@ Page Language="C#" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <script runat="server">     protected void Page_Load(object sender, EventArgs e)    {            }</script> <html><head runat="server">    <title> SystemFont and BlockFormats </title>     <script language="JavaScript"><!--function getSystemFonts(){     var a=dlgHelper.fonts.count;     var fArray = new Array();     var oDropDown = document.all.fonts;     for (i = 1;i < dlgHelper.fonts.count;i++){         fArray[i] = dlgHelper.fonts(i);        var aOptions = oDropDown.options;         var oOption = document.createElement("OPTION");        aOptions.add(oOption);         oOption.text = fArray[i];        oOption.Value = i;     } } function getBlockFormats(){     var a=dlgHelper.blockFormats.count;     var fArray = new Array();     var oDropDown = document.all.formats;     oDropDown.setAttribute("id","FormatList");     for (i = 1;i < dlgHelper.blockFormats.count;i++)     {         fArray[i] = dlgHelper.blockFormats(i);        var aOptions = oDropDown.options;         var oOption = document.createElement("OPTION");        aOptions.add(oOption);         oOption.text = fArray[i];        oOption.Value = i;     } }//-->    </script> </head><body onload="getSystemFonts();getBlockFormats()">     SystemFont and BlockFormats<br>    <select name="fonts" onchange="document.body.style.fontFamily = this.options[this.selectedIndex].text">    </select>    <select name="formats" onchange="document.body.style.fontFamily = this.options[this.selectedIndex].text">    </select>    <object id="dlgHelper" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px">    </object></body>

</html>

 

About the Dialog Helper Object, you can refer this msdn article: http://msdn2.microsoft.com/en-us/library/ms535238.aspx

But you can also can refer the font dialog of the link, you can view the demo and download the js file here:  http://www.bmchebbi.addr.com/javascript.html#

Hope it helps.

Please remember to mark the replies as answers if they help and unmark them if they provide no help.


Yours sincerely,
Amanda Wang
Microsoft Online Community Support
mvpm
Asp.Net User
Re: How to customize style in Masterpage4/4/2008 2:12:37 AM

0/0

Amanda Wang - MSFT:

Hi,

mvpm:
So we can only let the user select theme? We can't let the user to change specific colour they want from a colour table or text size?

You can let the user to change specific colour they want from a colour table or text size, but it is not easy.

If you want to change from the color table, you need to use javascript.

You can try to refer this link to view the color picker: http://www.mattkruse.com/javascript/colorpicker/:

And you can download js file here: http://www.mattkruse.com/javascript/colorpicker/combined-compact/ColorPicker2.js

And in addition, about the system color-selection dialog box, you can refer this msdn article: http://msdn2.microsoft.com/en-us/library/ms536349.aspx

Then use it in ur asp.net page to let the user use color picker, get the value of the specific colour,  so you can change the table color in the codebehind.

About the text size dialog, you can try to  use the Dialog Helper Object to get the fonts and the Formats , try to refer the below code:

<%@ Page Language="C#" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <script runat="server">     protected void Page_Load(object sender, EventArgs e)    {            }</script> <html><head runat="server">    <title> SystemFont and BlockFormats </title>     <script language="JavaScript"><!--function getSystemFonts(){     var a=dlgHelper.fonts.count;     var fArray = new Array();     var oDropDown = document.all.fonts;     for (i = 1;i < dlgHelper.fonts.count;i++){         fArray[i] = dlgHelper.fonts(i);        var aOptions = oDropDown.options;         var oOption = document.createElement("OPTION");        aOptions.add(oOption);         oOption.text = fArray[i];        oOption.Value = i;     } } function getBlockFormats(){     var a=dlgHelper.blockFormats.count;     var fArray = new Array();     var oDropDown = document.all.formats;     oDropDown.setAttribute("id","FormatList");     for (i = 1;i < dlgHelper.blockFormats.count;i++)     {         fArray[i] = dlgHelper.blockFormats(i);        var aOptions = oDropDown.options;         var oOption = document.createElement("OPTION");        aOptions.add(oOption);         oOption.text = fArray[i];        oOption.Value = i;     } }//-->    </script> </head><body onload="getSystemFonts();getBlockFormats()">     SystemFont and BlockFormats<br>    <select name="fonts" onchange="document.body.style.fontFamily = this.options[this.selectedIndex].text">    </select>    <select name="formats" onchange="document.body.style.fontFamily = this.options[this.selectedIndex].text">    </select>    <object id="dlgHelper" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px">    </object></body>

</html>

 

About the Dialog Helper Object, you can refer this msdn article: http://msdn2.microsoft.com/en-us/library/ms535238.aspx

But you can also can refer the font dialog of the link, you can view the demo and download the js file here:  http://www.bmchebbi.addr.com/javascript.html#

Hope it helps.

I think this might help at the moment, thx...

Anyway, why Javascript can't goes with the page that has masterpage attached?
6 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Real World SharePoint 2007: Indispensable Experiences from 16 MOSS and WSS MVPs Authors: Robert Bogue, Adam Buenz, Scot Hillier, Andrew Connell, Stacy Draper, Luis Du Solier Grinda, Todd Klindt, Jason Medero, Dustin Miller, Shane Perran, Joris Poelmans, Heather Solomon, Nick Swan, Jan Tielens, Mike Walsh, Shane Young, Pages: 504, Published: 2007
Professional Community Server Themes Authors: Wyatt Preul, Benjamin Tiedt, Pages: 337, Published: 2007
Microsoft Office SharePoint Server 2007: The Complete Reference Authors: David Matthew Sterling, David Sterling, Pages: 788, Published: 2007
Beginning SharePoint 2007: Building Team Solutions with MOSS 2007 Authors: Amanda Murphy, Shane Perran, Pages: 552, Published: 2007
Beginning SharePoint 2007 Administration: Windows SharePoint Services 3.0 and Microsoft Office SharePoint Server 2007 Authors: Göran Husman, Pages: 578, Published: 2007
Beginning ASP.NET 3.5 in C# 2008: From Novice to Professional Authors: Matthew MacDonald, Pages: 954, Published: 2007
How to Do Everything with Adobe InDesign CS Authors: David Bergsland, Pages: 456, Published: 2004
Beginning ASP.NET 2.0 with C# Authors: Chris Hart, John Kauffman, David Sussman, Chris Ullman, Pages: 735, Published: 2006
Amazon.com Mashups Authors: Francis Shanahan, Pages: 379, Published: 2006
Beginning ASP.NET 3.5 in VB 9.0: From Novice to Professional Authors: Matthew MacDonald, Pages: 1149, Published: 2007

Web:
How to customize the Master Page out of the Box - SharePoint ... Also, It is not a good idea to customize the master page using the sharepoint designer as this leads to ghosting of the master page and your ...
Customizing Application Master Pages - part 5 of 6 | SharePoint ... Oct 31, 2008 ... Customizing the Application.master Page. ... In this series we have discussed master pages and we have shown how to customize a master page. ...
Heather's Base Master Page File for SharePoint 2007 Thanks for the work around for customizing the master page. .... I have a custom RSS feed: I have applied custon style to the underlying XSLT. ...
Custom Site Definition with Custom Master Page for SharePoint ... Filed under: master page, customization, site definition, wss 3.0, .... tags and your master page will work (some styles, icons and menus will be gone tho). ...
MSDN SharePoint - Development and Programming How to Customize ... How to Customize View using Feature (Master Page Gallery) ... I am trying to customize the 'MasterPage Gallery' view to something that will have less ...
Ux01 Customization Tour Of Share Point Chandima Kulathilake Final ... ... conference covers how to quickly customize the default styles, themes, .... Slide 23: Master Page Cast of Control Characters How to customize the master page - ASP.NET Forums How to customize the master page. Last post 09-12-2006 1:10 PM by phuff. 1 replies. Sort Posts:. Oldest to newest, Newest to oldest ...
Customizing the Application master page « Greg Galipeau’s Weblog In this series we have discussed master pages and we have shown how to customize a master page. Before we finish up the process (i.e.: incorporating master ...
Office & SharePoint Pro - Customize Master page Customize Master page. Last post 01-01-2008, 11:43 PM by gunase29. ... Whether it is possible to customize the master page using Dotnet 2005 ...
Chris Koenig : Customizing the SharePoint/WSS UI – Part 1 Jun 28, 2008 ... The base MasterPage is basically a copy of the default.master that ... page to further customize the styles that are used by SharePoint uses ...

Videos:
MOSS UI Tutorial: Part 1 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 1 shows examples of the default MOSS design compared...
MOSS UI Tutorial: Part 2 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 2 demonstrates how to prep local HTML templates for ...
ZyWeb - Master Page Tutorial A tutorial for ZyWeb.com that explains how to create a Master Page, from which you can copy the layout and theme to your other pages and reduce the a...
MOSS UI Tutorial: Part 3 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 3 demonstrates how to prep the custom design asset f...
MOSS UI Tutorial: Part 4 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 4 gives an overview of the base Master Page that was...
MOSS UI Tutorial: Part 5 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 5 demonstrates how to create a custom Master Page in...
MOSS UI Tutorial: Part 6 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 6 demonstrates how to create a custom page layout, a...
MOSS UI Tutorial: Part 7 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 7 demonstrates how to assign the custom Master Page...
MOSS UI Tutorial: Part 8 This is a 10-Part screencast series on how to apply custom visual design to a MOSS website. Part 8 demonstrates how to create a new page from the cus...
Managing Master Pages in SharePoint Designer 2007 In this video you will learn how to use SharePoint Designer to set the master page for the site and how to revert a customized page to the site defin...




Search This Site:










nikhil's updatehistory and masterpages

skin choose in asp.net

menurootcategory.statichoverstyle.backcolor

design view when using master pages

where to start

control not display properly after include master pages

can i solve my problem with master pages?

how to handle events between master page and child .aspx pages

how to use css properties by programatically in c#

menu control, how do you get a selected color to show on root item?

designating media type in css with themes

making menuitems invisible in code

menu staticbottomseperatorimage - don't want on last menuitem

menu control not displaying properly

menu control help needed

treeview rootnode text

content placeholder rendering wrong at end of form

menu size

how to update or change the master page variables

clear text boxes on content page when menu item clicked on masterpage

any idea why skin doesn't apply on my gridview with adapter?

building sitemap from database null value error using iif

skin ajax extender

masterpage

menu control alignment is 1 pixel off

how is this possible?

changing url with query strings to be view as a fixed path url

accessing child master like (childmaster)this.page.master.child

on mouse roll over..

add a node to the sitemap dynamically
  Privacy | Contact Us
All Times Are GMT