Registration / Login Page Theme Skin CSS

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.
8/8/2013 10:26:09 AM
Gravatar
Total Posts 8

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
Gravatar
Total Posts 18439

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
Gravatar
Total Posts 8

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
Gravatar
Total Posts 212
Community Expert

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
Gravatar
Total Posts 18439

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.

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