jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
35 lines (24 loc) • 1.57 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular Tooltip ToltipPosition</title>
<base href="./../dist/tooltip/tooltippositions/">
<meta name="description" content="This is an example of the position of the Angular Tooltip." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
<!-- jQWidgets -->
<script src="./../../../scripts/demos.js"></script>
</head>
<!-- Display the application -->
<body>
<div class="example-description">
Tooltip supports 12 built-in position modes: "top, bottom, left, right, top-left, bottom-left, top-right, bottom-right, absolute, mouse, mouseenter, default".
In this demo, the tooltip for the first movie will be displayed from its 'left' side.
The tooltip for the second movie will be displayed below the picture and the tooltip for the third movie will be displayed on its 'right' side.
</div>
<app-root>Loading...</app-root>
<script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
</body>
</html>