Welcome Guest Search | Active Topics | Members | Log In | Register
Customizing the layout of GSPro Options
MikeW
Posted: Tuesday, November 11, 2008 1:01:21 PM
Rank: Newbie

Joined: 11/7/2008
Posts: 2
Location: MN
So I've got Gallery Server Pro up and running on a GoDaddy server of all places. It's working fine but I'd like to make some customizations to it. I've found some of the basics in the stylesheets and even found the placeholders for some of the items I wanted to eliminate. I'm not an ASP developer but I can get through the basics if pointed in the right direction and may even start learning more about ASP.net now that I've had a look at it. In the short term, I'd really like some help finding out how to modify the layout of the login and search boxes.

Specifically, I'd like to take the user name & login options and move them down and to the left so they are in the same row as the search box over on the right. I would also like to get rid of the title text at the top of the user name and login and put the text in the fields as default (grayed out). Once into the logged in view, the text and links that appear would then replace the login boxes in the same position on the left side.

If anyone can point me in the right direction, and provide some pointers I'd greatly appreciate it.

If you want to look at the site to see what I mean you can go to www.waconiachoirs.org/photogallery/


Thanks in advance.
Mike
Roger Martin
Posted: Tuesday, November 11, 2008 1:24:43 PM
Rank: Administration

Joined: 8/3/2007
Posts: 847
Location: Fort Atkinson, WI
The login textboxes are rendered from a standard ASP.NET Login control defined in ~/master/site.master.

You may have to rearrange things in site.master, combined with some CSS, to get things working the way you want. I just did a quick test with your page open in Firefox with Firebug enabled and was able to move the login to the left of the search bar with these changes to the HTML:

1. Add float:left to the table representing the login control (ID=ctl00_ctl00_ctl00_c1_LoginView1_Login1).

2. Add float:right to the div containing the search box (ID=ctl00_ctl00_ctl00_c1_pnlSearch).

I leave it as an exercise for you to figure out how to get this CSS into either site.master or the CSS file.

To get rid of the labels, add the 'invisible' CSS class to the LabelStyle-CssClass property of the Login control. That is, change:
Code:
LabelStyle-CssClass="fss"

to this:
Code:
LabelStyle-CssClass="fss invisible"

I used the TextBoxWatermarkExtender to put the word 'Search' in the search textbox; you can use a similar technique for the username and password. But note that it won't work well for the password textbox, because the characters are ********.

Good luck!


Roger Martin
Lead Developer for Gallery Server Pro
MikeW
Posted: Tuesday, November 11, 2008 1:30:31 PM
Rank: Newbie

Joined: 11/7/2008
Posts: 2
Location: MN
Roger, Thanks for the pointers. I'll take a look at what you have outlined and see what I can do.
Users browsing this topic
Guest


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Main Forum RSS : RSS

YAFVision Theme Created by Jaben Cargman (Tiny Gecko)
Powered by Yet Another Forum.net version 1.9.1.2 (NET v2.0) - 9/27/2007
Copyright © 2003-2006 Yet Another Forum.net. All rights reserved.