Student Portal Specialized Training Series Presents:

What the users see: Interactive Example

Flyer board: a closer look  The user interface a macromedia flash file  The flyers (located inside a SharePoint library) Pictures pdfs and other documents  Behind the scenes a separate, external XML file to find the pictures

Anatomy of the User Interface The current background texture is ‘cork.’ The flyers are comprised of two parts: the display image that you see, and a document you do not. Title band: What shows up here is the title text within the XML file.

Flyers  Flyers are stored inside SharePoint Three ‘views’ on the library make it easy to find ○ Images ○ All Documents ○ Docs

Flyers  Inside SharePoint The images are what the users see as the flyers The documents are what link when the image is clicked Change the view Toolbar Item URL

Behind the scenes  The swf file is stored in SharePoint  HTML code embeds the swf file onto the aspx page  The swf file reads an external XML file, also stored in SharePoint

Altering the interface  The flyer board Background image Link target Tacks  The flyers Images Docs Contained in XML file

Changing the Values For each there is a tag and three attributes to be modified (in order from the XML file) Flyertitle Image link (not visible)

XML Crash Course  BBCONFIG is the parent node CONFIG is one child node o BACKGROUND is CONFIG’S child node o LINKTARGET is another child, and sibling to background o USETACKS is another child, another sibling FLYERS is another child node, and sibling node to CONFIG o FLYERTITLE is a attribute to flyers o IMAGE is a attribute to flyers o LINK is another attribute to flyers

Putting it all together Pictures in Library XML file listing images Flash File Reading from the XML Flash file displays images

Time for the hands on portion! Log into