- Este debate tiene 9 respuestas, 2 mensajes y ha sido actualizado por última vez el 4 años, 1 mes por
. This post has been viewed 705 times
-
Entradas
-
-
-
Bien, como de pruebas se trata el tema, a parte de ir aprendiendo alguna cosilla...
Néfele me está enganchando, y eso que entiendo poco de programación!!!
Estaba trasteando y me digo... se podrá reutilizar un poco del código que tengo de pruebas de mod_harbour. Utiliza bootstrap en lugar de materialize, pero me digo, vamos a probar.
bootstrap inyectando directamente código por html :AddHTML( cHtml )
Estoy bastante contento con el resultado.
http://xevicomas.duckdns.org:8069/cgi-bin/provanefele.exe?login
Un Saludo,
Xevi.
-
Muy bien, eso nos gusta, que experimentéis!
Si en algún Webpage estás seguro de que no vas a usar materialize, puedes poner a falso las propiedades
:lJsMaterialize := .f. y :lCssMaterialize := .f. para que ni siquiera las cargue y evitar conflictos
Des mismo modo si no vas a utilizar jQuery, puedes establecer :lJQuery := .f.
-
Perfecto!!!
Pues si, entrava en conflicto y habia algun control, como WEdit que me hacía una mezcla.
Desactivando materialize y a Ok. aunque, no estará de mas probar mezclas, hacer un mix... de eso se va trantando de momento.
Por cierto, añado estilo css con
1:cCss += "#myrebar_logo > img { margin-top: 6px; height: 70% !important;}"o
12345:cCss += "#logo {"+;"height: 50px;"+;"margin-left: -54px;"+;"margin-top: -59px;"+;"}"pero ¿es posible cargar un fichero css ???
Un Saludo,
Xevi.
-
-
Sí, es una opción.
Pero ten en cuente que cCss está pensado para css "inline", esto es, que se encuentra dentro de la página web. Esto tiene sus ventajas y sus inconvenientes.
Por el lado bueno, si asignas el valor al cCss desde dentro de nefele, al ser un cgi te aseguras de que ese código no va ha ser modificado (salvo que el usuario se ponga a jugar con su navegador, pero en todo caso al recargar la página quedará siempre como lo hemos diseñado)
Por el lado malo, este sistema no es nada "SEO", porque genera páginas más grandes y no deja sacar partido a la cache del navegador (imagínate cargar el css de bootstrap así, le añades 120 kb a la página web cada vez de golpe)
Por eso tenemos el método aHeadLink, que te permite indicar un array de enlaces a en el header de la página y que te permite cargar enlaces tanto a ficheros css como js al principio de la página
12345with object TWebPage():New()AAdd(:aPreHeadLinks,'<link rel="stylesheet" href="/login/bootstrap/css/bootstrap.min.css">')AAdd(:aHeadLinks, '<link rel="stylesheet" href="https://nefeleproyect.com/assets/adminLTE/css/AdminLTE.min.css">')AAdd(:aHeadLinks, '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">')AAdd(:aHeadLinks, '<link rel="stylesheet" href="'+::cCssPath+'">')Fíjate que también hay un aPreHeadLinks. Lo que hace es cargarlos, pero antes de que se cargen los enlaces que carga nefele de forma automática. Es algo que puede ser interesante al procesar la cascada css
-
En cuanto a Bootstrap, ten en cuenta que ahora mismo los controles de nefele (wedit, wbevel, etc..) están creados con la sintaxis del framework de materialize.
Una de las cosas que tenemos en nuestro todo list es compatibilizarlos con bootstrap, pero de momento tenemos muchas otras cosas que hacer antes de meternos con ello.
si miras en https://fractality.ddns.net:44444/xacgi?pruebasfredy
por ejemplo, el acordeón es un control que diseñé con bootstrap y usa el acordeón de este framework.
En el acordeon 3 los iconos son font-awesome, que tampoco es algo propio de materialize
-
-
Fredy,
Gracias por todas las explicaciones que das.
el ejemplo https://fractality.ddns.net:44444/xacgi?pruebasfredy se ve espectacular!!!Habria manera de poder mostrar más código que teneis hecho, como ejemplo, para ir trasteando. no para hacer nada un poco serio, pero si para poder ir avanzando y aprendiendo.
Gracias por vuestro tiempo.
Un Saludo,
Xevi.
-
Fredy,
al inspeccionar la página...
Visto
1:cCss := MemoRead( oCgi:GetEnv("DOCUMENT_ROOT") + "\css\login.css" )Te lo carga en la pagina, en la etiqueta <Style>
De la manera que indicas
1AAdd(:aHeadLinks, '<link rel="stylesheet" href="/css/login.css">')No es visible/accesible/manipulable (si más no, más difícil)
Gracias.
Un Saludo,
Xevi.
-
- Debes estar registrado para responder a este debate.