extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-24 17:04:14 +01:00
Code Issues Packages Projects Releases Wiki Activity
86c76a434a
egroupware_official/api/js/egw_action/test/test_stylesheet_editing.html

98 lines
4.2 KiB
HTML
Raw Normal View History

converted egw_action from javascript to typescript classes are now uppercase and in their own files. lowercase classes are deprecated. Interfaces are now actual interfaces that should be implemented instead of creating and returning an ai Object every time (cherry picked from commit 5e3c67a5cf56894d815cb9791aad0245ab0cf1eb)
2023-07-10 16:02:30 +02:00
<!DOCTYPE html>
<html lang="en">
Fixed thumbnail generation for application folders, added egw_stylesheet.js, which allows the dynamic generation of a stylsheet. This is now used in the egw_grid_view.js to keep the row caption in the same distance from the icon - depending on the maximum icon width.
2011-03-14 13:42:59 +01:00
<head>
<title>Stylesheet Test</title>
<script src="js/jquery.js"></script>
converted egw_action from javascript to typescript classes are now uppercase and in their own files. lowercase classes are deprecated. Interfaces are now actual interfaces that should be implemented instead of creating and returning an ai Object every time (cherry picked from commit 5e3c67a5cf56894d815cb9791aad0245ab0cf1eb)
2023-07-10 16:02:30 +02:00
<script src="../egw_stylesheet.ts"></script>
<script >
const s = new egwDynStyleSheet();
</script>
Fixed thumbnail generation for application folders, added egw_stylesheet.js, which allows the dynamic generation of a stylsheet. This is now used in the egw_grid_view.js to keep the row caption in the same distance from the icon - depending on the maximum icon width.
2011-03-14 13:42:59 +01:00
</head>
<body>
<h1>Test for dynamically generating stylesheets and stylesheet rules</h1>
converted egw_action from javascript to typescript classes are now uppercase and in their own files. lowercase classes are deprecated. Interfaces are now actual interfaces that should be implemented instead of creating and returning an ai Object every time (cherry picked from commit 5e3c67a5cf56894d815cb9791aad0245ab0cf1eb)
2023-07-10 16:02:30 +02:00
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<div class="container">1: Style me!</div>
<div class="container2">2: Style me!</div>
<div class="container3">3: Style me!</div>
<button onclick="s.updateRule('.container', 'background-color: blue');">1 Blue</button>
<button onclick="s.updateRule('.container', 'background-color: red');">1 Red</button>
<button onclick="s.updateRule('.container2', 'background-color: blue');">2 Blue</button>
<button onclick="s.updateRule('.container2', 'background-color: red');">2 Red</button>
<button onclick="s.updateRule('.container3', 'background-color: blue');">3 Blue</button>
<button onclick="s.updateRule('.container3', 'background-color: red');">3 Red</button>
<button onclick="s.updateRule('div', 'display: inline; width: 100px; font-family: Arial, Helvetica, sans;');">Div</button>
Fixed thumbnail generation for application folders, added egw_stylesheet.js, which allows the dynamic generation of a stylsheet. This is now used in the egw_grid_view.js to keep the row caption in the same distance from the icon - depending on the maximum icon width.
2011-03-14 13:42:59 +01:00
</body>
</html>
Reference in New Issue Copy Permalink