Is there a way to make tag CSS3 work without DOCTYPE in SAP BSP?

341 Views Asked by At

Is there a way to make tag CSS3 working without DOCTYPE? You may think, why the hell I do need this!

In BSP page, default tags (html,title) are provided by SAP, and we cannot change them. They do not include DOCTYPE and we cannot add DOCTYPE tag since there is a restriction of using this tag. Bur I must be able to use CSS3 in my BSP application. Any suggestions are appreciated.

Thanks in advance.

3

There are 3 best solutions below

0
wsanville On

I strongly suggest doing anything you can to include a DOCTYPE in your markup.

If you really can't change the source code of the application you're working on, you might be able to prepend the DOCTYPE using your web server (for example, in IIS I believe you can add to outgoing responses), so that might be something to look into.

0
Ryan On

If you REALLY cannot work out a way to get the DOCTYPE tag into the application, in order to get these effects working, subject to SAP restrictions, you will need to look at another solution such as the Modernizr, Wijmo or the jQuery UI libraries that use JS/jQuery.

The reason I raise these options even though JS/jQuery isn't tagged is simply they are all cross-platform and only require jQuery at the most. Where I enjoy building CSS3 apps for internal use where I know all browsers support what I'm writing, I find for "public" applications the library solutions are often better depending on your requirements.

Each library has it's own advantages depending on what you need, I would recommend searching for other CSS3 replacement libraries as well, these are just the 3 I happen to be using in my last few applications as they suited our needs.

Good luck!

0
tomdemuyt On

You are not forced to use the standard SAP html tags, you can write your own.

This is perfectly valid BSP:

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<!-- CSS Files -->
<link type="text/css" href="stylesheet.css" rel="stylesheet" />
<!-- Scripts -->
<script language="javascript" type="text/javascript" src="code.js"></script>
</head>
<body>
</body>
</html>