Control Panel for Web Applications

Discussions pertaining to programming of backend systems and released UNL template code.

Control Panel for Web Applications

Postby saltybeagle » Wed Feb 21, 2007 11:55 am

Web applications may use a different type of navigation to access specific functions of the web application.

Current examples are the event publishers management interface at http://events.unl.edu/manager/ and the WDN registry system at http://www1.unl.edu/wdn/

Consider this bulletin board post the place for discussion on control panels for web applications.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby smeranda » Tue Apr 03, 2007 4:02 pm

Hey Brett, what is the status of these templates? I'm working on an application for scheduling campus visits, and could use something similar to events site? Is that code available?

Thanks!

- Seth
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Postby saltybeagle » Tue Apr 03, 2007 7:04 pm

Hey Seth,

Right now the code can just be pulled from the html and css from the http://events.unl.edu/manager/ interface.

The images are what make the control panel navigation work so well for an app.
The template for these files is in the WDN ftp site: ftp://wdn:1869@ucommdev.unl.edu/image_t ... uttons.psd

Alvin is more familiar with the code aspect of it.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby smeranda » Wed Apr 04, 2007 8:27 am

Great, thanks Brett!
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Postby smeranda » Tue May 01, 2007 2:49 pm

I have a CSS question related to a web app similar to events.unl.edu.

I am building an app, and am using many of the styles found on events.unl.edu. Therefore, I am linking directly to: http://events.unl.edu/templates/default ... d_main.css.

In my HTML, I link to this file and then link to an internal file on the next line. In my internal file, I overwrite a few of the styles (for example, add a background image to the <a> tag). However, this isn't work. After running some tests, it seems as though the events.unl.edu...css file is being rendered after my local file (even though is it is coded before).

If I put the styles inline, it works fine, but I would like to stay away from that. Any ideas on how I can fix/change this?

Thanks!

-Seth
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Postby saltybeagle » Tue May 01, 2007 4:23 pm

My only guess is that the CSS selectors aren't strong enough to override the events.unl.edu code coming in...? Have you tried adding !important on to the properties you're trying to change?

Hmm, tough to say. Do you have a page we could look at?
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby smeranda » Tue May 01, 2007 4:30 pm

Sure,

http://admissionstest.unl.edu/daily_visit/schedule

Keep in mind, this is in a very early stage, no decisions have been made on functionality and appearance.

The issue I have is with the 'a' tags in the center column college names.

When using the web developer toolbar in FF, it appears as though the events.unl.edu stylesheets are loading last. Are these styles in the templates, and thus being pushed out to my server each night?

Thanks!
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Postby saltybeagle » Wed May 02, 2007 9:17 am

I think the selector isn't strong enough to override some other declaration. If I've found what you're referring to, changing it to

Code: Select all
#maincontent p.legend a {
   display:block;
   min-height:11px;
   background:url(/sharedcode/images/arrowDown.gif) no-repeat right;
}

which makes the arrows show up on the anchor tags. I just added the #maincontent div to give it a little more strength.

Seth, this is gonna be awesome.... this looks like it will be a very useful application.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby smeranda » Wed May 02, 2007 9:29 am

That worked great, thanks Brett!

I appreciate your help and comments.

- Seth
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications


Return to Coding

Who is online

Users browsing this forum: No registered users and 1 guest

cron