Control Panel for Web Applications

[saltybeagle]

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.

[smeranda]

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

[saltybeagle]

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.

[smeranda]

Great, thanks Brett!

[smeranda]

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

[saltybeagle]

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?

[smeranda]

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!

[saltybeagle]

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.

[smeranda]

That worked great, thanks Brett!

I appreciate your help and comments.

- Seth