CSS classes for setup page.

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/29/2011 5:05:05 PM
Asad Samarian
Gravatar
Total Posts 550
View Posts

CSS classes for setup page.

Hi Joe,

The setup page don't inherit from mojoBasePage and there is not any css class to apply on it. That page is an administration page and no need to any beautiful appearance but for a right to left calture we need to change page direction and font of text .  Is it not better to have a setup master page for it?

best,

Asad

3/30/2011 12:42:39 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: CSS classes for setup page.

Hi Asad,

Setup page works much different than normal pages, everything is rendered using Response.Write as it progresses through the setup process. Normal pages build a control tree and let the controls do the rendering.

The header part of the page comes from a config file

<add key="SetupHeaderConfigPath" value="~/Setup/SetupHeader.config"/>

so you can use a custom file for rtl

 

Best,

Joe

3/30/2011 3:10:03 PM
Asad Samarian
Gravatar
Total Posts 550
View Posts

Re: CSS classes for setup page.

Thanks Joe. I changed it as bellow and it is well approximately.

 

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"  >
<head>
  <title>mojoPortal Setup</title>
  <link id="Link1" runat="server" rel="stylesheet" href="../Data/style/setup.css" type="text/css"  />
</head>
<body style="font-family:Tahoma;">
<img src="../Data/SiteImages/mojoportal-logo-med.gif" alt="mojoPortal Content Management System" />
  <h1>Welcome to mojoPortal Setup</h1>
<!-- tags excluded on purpose so that installation feedback messages are displayed
</body>
</html>
--> 

 

It is possible use of localized setup header file like SetupHeader.fa.config?

AND

If we can change setup.css as bellow then all things appear as right to left layout.

body
{
font-family: Verdana, Helvetica, sans-serif;
background-color: white;
margin-left:25px;  }
img { border: none; }

.settinglabel {float:right; clear:left; width:20em; font-weight: bold;  padding: 1px; font-size:smaller; }
....

....

I think if we have localized setup header file then can set a different setup css file in the Data/style folder.

Best,

Asad

 

 

 

 

 

4/2/2011 8:39:48 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: CSS classes for setup page.

Hi Asad,

I just committed changes to the repository to support using SetupHeader-rtl.config if the current culture is for rtl

I added this to the css:

html[dir='rtl'] .settinglabel {float:right; }

Best,

Joe

4/2/2011 10:48:13 AM
Asad Samarian
Gravatar
Total Posts 550
View Posts

Re: CSS classes for setup page.

Hi Joe,

Thanks for attention. I test it , please change this line :

 using (StreamReader oStreamReader = File.OpenText(System.Web.HttpContext.Current.Server.MapPath(WebConfigSettings.SetupHeaderConfigPath)))

TO

 using (StreamReader oStreamReader = File.OpenText(System.Web.HttpContext.Current.Server.MapPath(setupTemplatePath)))

 

Best,

Asad

 

4/2/2011 10:51:00 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: CSS classes for setup page.

oops, fixed.

Thanks,

Joe

You must sign in to post in the forums. This thread is closed to new posts.