Registration / Login Page Theme Skin CSS

8/7/2013 8:51:51 AM

Dunky

Total Posts 8

View Posts

Hi, I am using Artisteer to create a theme for Mojoportal (Latest Version, which is the best cms on the market if you ask me!) Everything is working perfectly, with the exception of the Registration Page and The Login Page, I just cannot get the theme to apply to these pages.

Does anyone know if it is possible to apply a skin to these pages?

Thank to anyone who may be able to help me.

8/7/2013 9:39:30 AM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

Can you post a link to the site so we can see the problem?

Are you are using the registration and login pages that are built in to mojoPortal not something custom or modified?

8/7/2013 9:58:43 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

This is my test site http://email.dgrs.net/portal/

I am using everything Mojo nothing custom. As you can see, the button is not themed (not the same as the login module) which appears to have taken then them, Also the panel (box) does not appear the same as the rest of the site and font and style and colour does not appear to be skined either.

http://email.dgrs.net/portal/Secure/RecoverPassword.aspx

http://email.dgrs.net/portal/Secure/Register.aspx

Appreciate any help you can offer, I have been trying to get this to work for days now and failed.

8/7/2013 11:08:20 AM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

Hi,

Does your skin folder have a space in the name? It should not. Create a new folder with no spaces, copy the skin files into it then change the site to use the new skin name with no spaces.

Hope that helps,

Joe

8/7/2013 7:32:13 PM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

Thanks for the info, however my Skin Name was smartercontrol_15, so I change it to smartercontrol, but it has not fixed the problem. Any other ideas?

8/8/2013 8:13:01 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

i have checked out some of the other themes that come with Mojoportal, and none of them seem to be themed correctly on these pages?

8/8/2013 8:20:23 AM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

When I look at your site just now it looks fine on the register page. However I notice that you are using older Artisteer 3.1 skins not new skins that currently ship with mojoPortal. The new skins are only under /Data/skins we don't touch existing skins used by the site under /Data/Sites/[SiteID]/skins so if you want to try new skins you need to copy them there yourself.

Note that the older skins are currently having script errors on the page because they need the jquery migrate plugin enabled as described on our Important Skin Changes article.

Hope that helps,

Joe

8/8/2013 8:39:39 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

ok, maybe I am missing something here or my upgrade has broken something then. If i put my skin in Data/Skin, I don't see it in the admin, I only see it if I put it in Data/Site/1/Skin.

So it is supposed to be in Data/Skin now?

8/8/2013 8:48:33 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

http://test.smartercontrol.com.au/

This is my test site. I have set the theme to art41-businessblue3.

At the top of the site you can see nice blue buttons.

Now if you go to

http://test.smartercontrol.com.au/Secure/Register.aspx

the button is not themed?

Also, no matter what theme I select the panel never changes shape or colour.

8/8/2013 10:16:08 AM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

If you want to show the main menu on the register and login pages you need to add this in user.config:

By default the menu is not shown on those pages.

Hope that helps,

Joe

8/8/2013 10:26:09 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

i assume this reply was not meant for me.

http://test.smartercontrol.com.au/

My Test Site currently has art41-businessblue3 skin applied. Please take note of the Logon Block at the right hand side of the screen. There is a button on it called Sign in, which is skinned.

Now, if you click the register link at the top of the page or from within the logon block it takes you to the registration page. At the bottom of the registration page there is a button called Create Account, this "Create Account" button is not skinned like the other buttons, Why not?

8/8/2013 10:47:13 AM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

My previous post was meant for you, do what it says to solve the problem with the menu not appearing.

The only thing I see on your register and login pages is that the main menu is not shown which is the default behavior to change that you need the settings I mentioned in my last post, other than that the skin appears fine when I view it.

Unfortunately that one button for Create Account cannot be skinned like other buttons. It is part of the ASP.NET create user wizard and no matter what we try it uses a normal asp.net button. I have tried many thing to make that work but to no avail.

8/8/2013 10:52:19 AM

Dunky

Total Posts 8

View Posts

Re: Registration / Login Page Theme Skin CSS

ok, thanks for your help. I wasn't interested in the menu appearing I was only interested in forcing the registration page to theme the button correctly, However now you have told me it's an ASP.NET issue with the control i guess I will just have to live with it.

Thanks again,

cheers

8/8/2013 11:58:33 AM

Isaac Hall

Total Posts 216

View Posts

mojoPortal Hosting & Design @ i7MEDIA!

Re: Registration / Login Page Theme Skin CSS

You can fix that button on the skin side of things by manually adding the correct button class with jQuery. Try something like this within a document.ready() function in your JS.

$(".createuserbutton").addClass("art-button");

There may be slight visual discrepancies because of existing CSS or inline-style. For instance, you might have to adjust the line-height a little, but that's easily done with CSS.

For the record, adding the class "art-button" should work on your skin, but if you want the button to look like the buttons you get on your jQuery UI theme, do this instead:

$(".createuserbutton").button();

Hope this helps,
-Isaac

8/8/2013 12:48:04 PM

Joe Audette

Total Posts 18439

View Posts

Re: Registration / Login Page Theme Skin CSS

put this in your theme.skin file:

<asp:CreateUserWizard runat="server"
   CancelButtonStyle-CssClass="art-button"
   ContinueButtonStyle-CssClass="art-button"
   CreateUserButtonStyle-CssClass="art-button"
   FinishCompleteButtonStyle-CssClass="art-button"
   FinishPreviousButtonStyle-CssClass="art-button"
   NavigationButtonStyle-CssClass="art-button"
   StartNextButtonStyle-CssClass="art-button"
   StepNextButtonStyle-CssClass="art-button"
/>

It won't fix it right now but it will work after the next release of mojoPortal. I just came up with a solution that seems to work but it did also require a small code change in mojoPortal which is why ot won't work for you now, but if you put it in your theme.skin file it will start working after the next upgrade of mojoPortal.

In the meantime it could be done using a javascript approach as Isaac mentioned though you would probably need to view the source ofe the page to get the id of the button to use in the jquery selector.