Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-4483

Need a better way to specify tool CSS

    XMLWordPrintable

    Details

    • Type: Task
    • Status: CLOSED
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 2.1.2, trunk
    • Fix Version/s: 2.4.0
    • Component/s: JSF
    • Labels:
      None

      Description

      Currently there is no easy way to include a LINK to tool-specific CSS in JSF page output. The sakai:view tag renders the standard HTML header, viz.:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
      <head>
      <title>Profile</title>
      <link href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
      <link href="/library/skin/default/tool.css" type="text/css" rel="stylesheet" media="all" />
      <script type="text/javascript" language="JavaScript" src="/library/js/headscripts.js"></script>
      </head>

      But if a tool needs its own CSS because styling needs are not met by tool_base.css and tool.css, it cannot insert a <LINK ...> tag in the <HEAD> section. Some tools have resorted to placing the <LINK> tag above the sakai:view tag, which leads to broken XHTML output, which in turn leads to rendering problems (e.g. introducing spurious scrollbars in IE 6).

      This needs a solution which makes it easy for tool authors to define custom CSS. One option would be to create an additional property of sakai:view (e.g. toolCSS) which adds a LINK to the appropriate CSS in the <HEAD> section.

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                Unassigned Unassigned
                Reporter:
                smarquard Stephen Marquard
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration