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

98 lines
4.2 KiB
HTML
Raw Permalink 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
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
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
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