Saludos
, estoy haciendo una aplicación, una pequeña utilidad de notificaciones. sinceramente no me gustan las notificaciones de gambas, por eso me recordé el framework bootstrap que tiene un css muy bello, las alertas son bien finas :lol:, entonces dije... ojala las pudiese implementar en gambas y me acorde de webkit. Ahora bien la implementacion:
1) Montamos Apache
2) Bajamos Bootstrap y lo colocamos en /var/www/
http://twitter.github.com/bootstrap/
3) Creamos un archivo en /var/www/, en mi caso: gambasindex.html
4) Codificamos:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Nuevo proyecto con Bootstrap 2.0</title>
<meta name="description" content="Artículo en GenbetaDev sobre Bootstrap 2.0">
<meta name="author" content="Ricardo Borillo">
<!—[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]—>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style>
body { padding-top: 60px; }
</style>
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong><h4>Warning!</h4></strong> Hay Productos en el Inventario a Vencer
</div>
</body>
</html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Nuevo proyecto con Bootstrap 2.0</title>
<meta name="description" content="Artículo en GenbetaDev sobre Bootstrap 2.0">
<meta name="author" content="Ricardo Borillo">
<!—[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]—>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style>
body { padding-top: 60px; }
</style>
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong><h4>Warning!</h4></strong> Hay Productos en el Inventario a Vencer
</div>
</body>
</html>
5) Creamos un formulario
6) Usamos el control Webview, asignamos en la propiedad url lo siguente: http://localhost/gambasindex.html
7) Corremos la aplicación.
En mi opinion, lo que hace falta es carpintería es decir agregarle un fondo para que combine con el formulario, y así se le puede dar una mejor experiencia al usuario