[Seaside] Ugly construct of spans embedded in a paragraph
gettimothy
gettimothy at zoho.com
Sat Mar 31 05:33:26 UTC 2018
Hi bruno
https://foundation.zurb.com/sites/docs/off-canvas.html
If you wan the source code, I am stashing occasional .mcz files for the project here:
https://github.com/gettimothy/ZurbSeaside
Caveat...I am running with nginx ...the application does not use FileLibrary at the moment, so all the css, js and image files are on retrieved by nginx.
Here is my nginx.conf:
worker_processes 1;
error_log logs/error.log;
events {
worker_connections 1024;
}
http {
include mime.types;
upstream database {
postgres_server 127.0.0.1 dbname=[DATABASENAME] user=[USERNAME] password=[PASSWORD];
}
server {
listen 80;
server_name [IP ADDRESS];
location / {
root [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
default_type text/html;
}
location /css {
root [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
default_type text/css;
add_header Content-Type: text/css;
}
location /js {
root [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
default_type application/javascript;
add_header Content-Type: application/javascript;
}
location /images {
root [PATH TO YOUR ZURB FOUNDATION FILES]/public_html/zurb;
default_type image/svg+xml;
add_header Content-Type: image/svg+xml;
}
location /debug {
echo "uri=$uri";
echo "request_uri=$request_uri";
echo "name: $arg_name";
}
location /SeasideDock {
proxy_pass http://127.0.0.1:8080;
include mime.types;
}
location /zurb {
proxy_pass http://127.0.0.1:8080;
}
location /zurbhack {
proxy_pass http://127.0.0.1:8080;
}
location /browse {
proxy_pass http://127.0.0.1:8080;
}
location /config {
proxy_pass http://127.0.0.1:8080;
}
}
}
cheers
t
---- On Fri, 30 Mar 2018 16:54:34 -0400 Smalltalk <smalltalk at adinet.com.uy> wrote ----
Hi,
How did you build this Lateral Menu ?
regards,
bruno
El 30/03/2018 a las 12:10, gettimothy escribió:
Thank you. I will explore that route tonight
---- On Fri, 30 Mar 2018 10:02:13 -0400 emaringolo at gmail.com wrote ---- 2018-03-30 3:37 GMT-03:00 gettimothy <gettimothy at zoho.com>:
> My problem is this construct:
>
> <p> some text <span> popup info</span> continue the pragraph text </p>
> I can do it, but it is not elegant:
Well, you're not comparing apples with apples, because the required
html construct is more complex than that.
And it is something like this:
<p> some text <span data-tooltip aria-haspopup="true" class="has-tip"
data-disable-hover="false" tabindex="1" title="Fancy word for a
beetle.">popup info</span> continue the paragraph text </p>
Seaside can be very succinct for some cases, and extremely verbose in
others, what you can implement is something like zurbTooltip: aString,
that could do something like
WAGenericTag>>#zurbTooltip: aString
self
beTooltip;
dataTooltip;
ariaHasPopup: true;
dataDisableHover:'false';
title: aString
And then in your code you can do something like.
renderExampleOn: html
html paragraph with:[
html text: 'The '.
html zurbSpan
zurbTooltip:'Fancy word for a beetle.';
with:[html text: 'scarabaeus'].
html text: 'hung quite clear of any branches, and, if allowed to
fall, would have fallen at our feet']
I don't know whether the options in zurbTooltip: are reasonable
defaults, but if they are then the code will be more compact.
Also I don't know if the tooltip can be applied to <span> tags or to
any tag (as in Bootstrap), I assumed the later otherwise you'd have to
implement zurbTooltip: in the proper subclass of WAGenericTag.
Esteban A. Maringolo
_______________________________________________
seaside mailing list
seaside at lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
_______________________________________________ seaside mailing list seaside at lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Libre de virus. www.avast.com
_______________________________________________
seaside mailing list
seaside at lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.squeakfoundation.org/pipermail/seaside/attachments/20180331/97a29683/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 1.png
Type: image/png
Size: 12705 bytes
Desc: not available
URL: <http://lists.squeakfoundation.org/pipermail/seaside/attachments/20180331/97a29683/attachment-0001.png>
More information about the seaside
mailing list