How do I change the home page of WHS?
- I have been having fun with the warious add ons but wanted to change the home page of WHS - how do you do this?
Respuestas
R_usty wrote: I have been having fun with the warious add ons but wanted to change the home page of WHS - how do you do this?
Hi,
To modify the web design or a look, in your WHS folder:
C:\Inetpub\home\images\ for the home
C:\Inetpub\remote\images\ for the remote.
Just replace the images with the same name and a like.
Also here for changing the layout as well in this topic
Also, here a quote that have full explain issue:
judgeschambers wrote: Well, there is no need to be limited by just the set size and file name that is in WHS.
The pics are here: C:\Inetpub\home\images
The web page file is here: C:\Inetpub\home
The current pic is: i_landingpage_main.png
Now, find any picture you want and copy it to the C:\Inetpub\home\images folder
Keep your size reasonable. Don't want it to hog the whole page now...
In C:\Inetpub\home you will see a file called default.aspx . This file is basically the file that controls how the web page looks and what pictures to use. Just right click it and select "Edit."
It will open in Note Pad.
Scroll half way down and you will find the original text for the main picture <td background="images/i_landingpage_main.png" width="759">
Now change the file name to match the name of the pic you placed in the images folder.
Example: <td background="images/myfavoritepic.jpg" width="759">
You can adjust the width=759 up or down to widen the table holding your pic.
You can adjust the height with the code just above your pic code: <table border="0" width="100%" cellspacing="0" cellpadding="0" background="images/i_lightblue_u.png" height="593"> But leave the images text "/i_lightblue_u.png" alone! Just adjust the "593" number up or down to match your pic height. This affects the height of the table...
To save your changes go to the top and click "File" and then "save."
Now go to your home page and refresh. Whala.
Adjust the width and height numbers in the default.aspx file, hit save, and refresh your
home page unitl the pic is just right.
I would advise making a copy of the ORIGINAL default.aspx file and putting it in the shared folder of WHS should you totally screw up your code. .LOL. Then you can just copy and paste the original file back, overwriting the messed up default.aspx file and putting WHS back to stock. If you know a little bit about HTML and tables you can figure this out.... Be careful!!
Use Remote Access to get to the WHS desktop or use a KVM switch to get into the WHS desktop. This cannot be done through the console...
If you actully want another page be as the one come up insed of the one from /home, you have to add another web site, and give it the main ip, and remove the ip from /home, but that involt modfy the IIS in your WHS.
Hope that help.
My best.If you want to have a page you create display when someone comes to your site instead of the page which is displayed now, it is very easy to do. Just follow the three steps below.
Note: Always make a back up of any core file you are going to change. This will allow you to easily revert back to the default functionality. As a tip, I usually leave it right where it originally lived (so you will know where it goes) and add an extension of ".original" to the file.- On the WHS machine, navigate to c:\inetpub\wwwroot.
- Open the c:\inetpub\wwwroot\Default.htm file for editing by right-clicking it and choosing "edit".
- Make the change detailed below and save the file. That's it!
Original Code
<script language="javascript">
document.location = 'home/Default.aspx?gotodefault=true';
</script>
Edited Code
<script language="javascript">
document.location = 'home/Default.htm';
</script>Let me explain what you are doing in this change. First, c:\inetpub\wwwroot\ is the true root of your WHS website. When someone navigates your WHS server using "http://[yourservername].homeserver.com" they actually are hitting c:\inetpub\wwwroot\Default.htm which redirects them to c:\inetpub\wwwroot\Default.aspx?gotodefault=true using a javacript command. You just changed the command to redirect to your page instead.
In the example change above I am redirecting to the c:\inetpub\wwwroot\home\Default.htm file by using a "relative" path. You can also use a "fully qualified" path like http://[yourservername].homeserver.com/home/Default.htm if you want. This change assumes your new page is Default.htm and it lives in the c:\inetpub\wwwroot\home\ directory.
Potential Gotchas- The original landing page has a "Log On" button which redirects users to the login page for your WHS. If you forget to provide access to this page, "Remote/logon.aspx?ReturnUrl=%2fremote%2fDefault.aspx" from your new custom landing page, users will not be able to log in and access your WHS site unless they knew the URL.
- As I mentioned in the explaination above, the code change you are making is javascript. Please make sure the semi-colon ":" is at the end of the line. Yes, it will work in some browsers without it, but there are situations when it won't work without it. To ensure maximum compatibility end the line with the semi-colon.
- You don't have to use the filename and paths I used in my example if you don't want, but make sure your URL is correct or you will "break" your WHS website and no one will be able to use it.
- Once your WHS website is "live" and you have given people access to it, make sure you manage it for what it is, a "live" website. Even simple changes, like the one above, can bring your site down. For example, if you change the javascript to redirect to your custom page and it does not yet exist, your users will get an HTML 404 error.
Expanded Options
- If you are comfortable with HTML development and website management, you can make your own website and change the javascript to point to it.
- If you are comfortable with ASP or .Net development, you can create your own web application and change the javascript to point to it. There is no reason you have to settle for the limitations of an HTML page! I would suggest you create a new website in IIS for your application and put it into its own AppPool if you decide to go this route.
As you can see, there is a lot that can be done to customize the experience of your WHS server. Just make sure to keep the modifications to the "core" files to a minimum so updates from Microsoft don't overwrite your efforts. In my opinion, the form of modificaition I am suggesting is "best practice" for implementing a custom landing page because it limits the modifications to core WHS files.
Please reply if you have any other questions. I am Consultant (developer) in "real life", so I deal with this kind of thing daily. I am new to WHS and am excited to see what I can make it do. Changing the home page is my first step, so I thought I would share what I know so you can easily change yours as well.
When you are done with your custom pages, post your links here so we can see your handy work!!- Marcado como respuestaKen WarrenMVP, Moderadorsábado, 12 de septiembre de 2009 14:36
- Propuesto como respuestaRanbou sábado, 06 de junio de 2009 2:15
- EditadoRanbou sábado, 06 de junio de 2009 2:12
- EditadoRanbou sábado, 06 de junio de 2009 2:15
Todas las respuestas
R_usty wrote: I have been having fun with the warious add ons but wanted to change the home page of WHS - how do you do this?
Hi,
To modify the web design or a look, in your WHS folder:
C:\Inetpub\home\images\ for the home
C:\Inetpub\remote\images\ for the remote.
Just replace the images with the same name and a like.
Also here for changing the layout as well in this topic
Also, here a quote that have full explain issue:
judgeschambers wrote: Well, there is no need to be limited by just the set size and file name that is in WHS.
The pics are here: C:\Inetpub\home\images
The web page file is here: C:\Inetpub\home
The current pic is: i_landingpage_main.png
Now, find any picture you want and copy it to the C:\Inetpub\home\images folder
Keep your size reasonable. Don't want it to hog the whole page now...
In C:\Inetpub\home you will see a file called default.aspx . This file is basically the file that controls how the web page looks and what pictures to use. Just right click it and select "Edit."
It will open in Note Pad.
Scroll half way down and you will find the original text for the main picture <td background="images/i_landingpage_main.png" width="759">
Now change the file name to match the name of the pic you placed in the images folder.
Example: <td background="images/myfavoritepic.jpg" width="759">
You can adjust the width=759 up or down to widen the table holding your pic.
You can adjust the height with the code just above your pic code: <table border="0" width="100%" cellspacing="0" cellpadding="0" background="images/i_lightblue_u.png" height="593"> But leave the images text "/i_lightblue_u.png" alone! Just adjust the "593" number up or down to match your pic height. This affects the height of the table...
To save your changes go to the top and click "File" and then "save."
Now go to your home page and refresh. Whala.
Adjust the width and height numbers in the default.aspx file, hit save, and refresh your
home page unitl the pic is just right.
I would advise making a copy of the ORIGINAL default.aspx file and putting it in the shared folder of WHS should you totally screw up your code. .LOL. Then you can just copy and paste the original file back, overwriting the messed up default.aspx file and putting WHS back to stock. If you know a little bit about HTML and tables you can figure this out.... Be careful!!
Use Remote Access to get to the WHS desktop or use a KVM switch to get into the WHS desktop. This cannot be done through the console...
If you actully want another page be as the one come up insed of the one from /home, you have to add another web site, and give it the main ip, and remove the ip from /home, but that involt modfy the IIS in your WHS.
Hope that help.
My best.If you want to have a page you create display when someone comes to your site instead of the page which is displayed now, it is very easy to do. Just follow the three steps below.
Note: Always make a back up of any core file you are going to change. This will allow you to easily revert back to the default functionality. As a tip, I usually leave it right where it originally lived (so you will know where it goes) and add an extension of ".original" to the file.- On the WHS machine, navigate to c:\inetpub\wwwroot.
- Open the c:\inetpub\wwwroot\Default.htm file for editing by right-clicking it and choosing "edit".
- Make the change detailed below and save the file. That's it!
Original Code
<script language="javascript">
document.location = 'home/Default.aspx?gotodefault=true';
</script>
Edited Code
<script language="javascript">
document.location = 'home/Default.htm';
</script>Let me explain what you are doing in this change. First, c:\inetpub\wwwroot\ is the true root of your WHS website. When someone navigates your WHS server using "http://[yourservername].homeserver.com" they actually are hitting c:\inetpub\wwwroot\Default.htm which redirects them to c:\inetpub\wwwroot\Default.aspx?gotodefault=true using a javacript command. You just changed the command to redirect to your page instead.
In the example change above I am redirecting to the c:\inetpub\wwwroot\home\Default.htm file by using a "relative" path. You can also use a "fully qualified" path like http://[yourservername].homeserver.com/home/Default.htm if you want. This change assumes your new page is Default.htm and it lives in the c:\inetpub\wwwroot\home\ directory.
Potential Gotchas- The original landing page has a "Log On" button which redirects users to the login page for your WHS. If you forget to provide access to this page, "Remote/logon.aspx?ReturnUrl=%2fremote%2fDefault.aspx" from your new custom landing page, users will not be able to log in and access your WHS site unless they knew the URL.
- As I mentioned in the explaination above, the code change you are making is javascript. Please make sure the semi-colon ":" is at the end of the line. Yes, it will work in some browsers without it, but there are situations when it won't work without it. To ensure maximum compatibility end the line with the semi-colon.
- You don't have to use the filename and paths I used in my example if you don't want, but make sure your URL is correct or you will "break" your WHS website and no one will be able to use it.
- Once your WHS website is "live" and you have given people access to it, make sure you manage it for what it is, a "live" website. Even simple changes, like the one above, can bring your site down. For example, if you change the javascript to redirect to your custom page and it does not yet exist, your users will get an HTML 404 error.
Expanded Options
- If you are comfortable with HTML development and website management, you can make your own website and change the javascript to point to it.
- If you are comfortable with ASP or .Net development, you can create your own web application and change the javascript to point to it. There is no reason you have to settle for the limitations of an HTML page! I would suggest you create a new website in IIS for your application and put it into its own AppPool if you decide to go this route.
As you can see, there is a lot that can be done to customize the experience of your WHS server. Just make sure to keep the modifications to the "core" files to a minimum so updates from Microsoft don't overwrite your efforts. In my opinion, the form of modificaition I am suggesting is "best practice" for implementing a custom landing page because it limits the modifications to core WHS files.
Please reply if you have any other questions. I am Consultant (developer) in "real life", so I deal with this kind of thing daily. I am new to WHS and am excited to see what I can make it do. Changing the home page is my first step, so I thought I would share what I know so you can easily change yours as well.
When you are done with your custom pages, post your links here so we can see your handy work!!- Marcado como respuestaKen WarrenMVP, Moderadorsábado, 12 de septiembre de 2009 14:36
- Propuesto como respuestaRanbou sábado, 06 de junio de 2009 2:15
- EditadoRanbou sábado, 06 de junio de 2009 2:12
- EditadoRanbou sábado, 06 de junio de 2009 2:15
- I put a quick landing page together to prove out the solution. I will do more with it later, but I thought I would share it with all of you. Please feel free to let me know what you think.
https://thebouquets.homeserver.com
I am interested in seeing what designs the rest of the community comes up with so post the here and show them off! - Very nice! A little wide, though. :)One thing you will need to be careful of is the installation of additional power packs, updates, etc. If Microsoft modifies the remote access site you may well find your work replaced with the original again.
I'm not on the WHS team, I just post a lot. :) - That shouldn't be an issue if they just "lay down" the files over the old one because I created a new file, "welcome.aspx", instead of updating one of the core files. As for the javascript redirection, you are absolutely correct, I will have to make that change again. However, a one line change is no big deal. I tried to figure out another way to make the change without changing any of the core files, but couldn't. :(
True, it is wide. :)
That is one of the joys about developing for a known audience. You can take certain indulgences like that. The reason for the width is because of my plans for the page. I am going to have the part at the bottom of the graphic, where the WHS log is created be a menu. The menu will cause a section below the graphic to be revealed and will turn into a tab to show what is selected. This will be used to explain to users of the site what they can do with the site. It is because of that content I chose to go so wide. Well, that and the fact that everyone with and actual login has a widescreen monitor! :) Thanks for the advice. It was spot on! - I haven't tried this yet, but couldn't you just create your new site as a new IIS site on say port 81, and then modify your router to map the external port 80 to the WHS port 81. This shouldn't interfere with the remote access stuff since that is all happening on https or port 443.You then never have to worry about any updates modifying your site.
- EditadoJean Marois sábado, 12 de septiembre de 2009 2:06typo
Potential Gotchas
When creating a custom page is it possible to create an area on the page that can be clicked for login, but has no label? For example, if you click within 1"x1" square in the lower right corner, it acts the same?- The original landing page has a "Log On" button which redirects users to the login page for your WHS. If you forget to provide access to this page, "Remote/logon.aspx?ReturnUrl=%2fremote%2fDefault.aspx" from your new custom landing page, users will not be able to log in and access your WHS site unless they knew the URL.
Chris
