RicostruzioneTrasparente / faq-per-cittadini

Pagina che contiene una guida per i cittadini, aggregando le faq pubblicate su manuali e progetti da varie istituzioni
MIT License
0 stars 1 forks source link

Layout a una colonna #1

Open nelsonmau opened 7 years ago

nelsonmau commented 7 years ago

@aborruso vorrei impostare il layout della tabella a una colonna, ma ho qualche problema a configurare exhibit. Riesci a dirmi come fare? grazie

aborruso commented 7 years ago
<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="utf-8">
    <title>Guida per i cittadini » Ricostruzione Trasparente</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Guida per i cittadini » Ricostruzione Trasparente">
    <meta name="author" content="@trasparico">
    <meta name="keywords" content="">

    <meta property="og:image" content="" />
    <meta property="og:title" content="" />
    <meta property="og:url" content="" />
    <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
    <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
    <!--script src="js/less-1.3.3.min.js"></script-->
    <!--append ‘#!watch’ to the browser URL, then refresh the page. -->

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="img/favicon.png">

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>

    <link rel="exhibit/data"
    type="application/jsonp"
    href="https://spreadsheets.google.com/feeds/list/10lafeTfKR1u_5x5ISmi79aZbTYTKpcyHcmOABjjSqdw/owksv2n/public/basic?hl=en_US&alt=json-in-script"
    ex:converter="googleSpreadsheets" />

    <script src="./js/dist/exhibit-api.js?locale=en"></script>

    <script type="text/javascript">
        var tableStyler = function(table, database) {
            $(table).addClass("table table-condensed table-striped");
        };
    </script>

    <link href="https://zapier.com/engine/rss/43663/p2" rel="alternate" type="application/rss+xml" title="PETRUSINO: il feed per rimanere aggiornati sulle nuove risorese inserite" />
    <style>
        td span{
            --x-height-multiplier: 0.35;
            --baseline-multiplier: 0.179;
            font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
            letter-spacing: .01rem;
            font-style: normal;
            font-size: 21px;
            line-height: 1.58;
            letter-spacing: -.003em;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-2 column">

            </div>

            <div class="col-md-8 column">
                <h3 class="text-center">Guida per i cittadini » Ricostruzione Trasparente
                </h3>
            </div>
            <div class="col-md-2 column">
                <!--
                <ul class="share-buttons">
                    <li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fopendatacompanies.eu&t=" title="Share on Facebook" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;"><img src="img/Facebook.png"></a></li>
                    <li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fpetrusino.opendatasicilia.it&text=:%20http%3A%2F%2Fpetrusino.opendatasicilia.it&via=opendatasicilia" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20'  + encodeURIComponent(document.URL)); return false;"><img src="img/Twitter.png"></a></li>
                    <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fopendatacompanies.eu" target="_blank" title="Share on Google+" onclick="window.open('https://plus.google.com/share?url=' + encodeURIComponent(document.URL)); return false;"><img src="img/Google+.png"></a></li>
                </ul>
            -->
        </div>

    </div>
    <div class="row clearfix">
        <div class="col-md-12 col-sm-12 column">
            <strong>Cerca un argomento</strong>
            <div ex:role="facet" ex:facetClass="TextSearch">
            </div>
                <!--
                <div ex:role="facet"
                ex:expression=".Autore"
                ex:facetLabel="Autore"
                ex:facetClass="Cloud"
                ex:sortMode="value">
             </div>
                <div ex:role="facet"
                ex:expression=".Tema"
                ex:facetLabel="Tema"
                data-ex-missing-label="-">
              </div>
            -->
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 column">
            <div ex:role="viewPanel" style="padding: 0in;">
                <div ex:role="exhibit-view"
                ex:viewClass="Exhibit.TabularView"
                ex:label="Table"
                ex:columns=".Domanda"
                ex:columnLabels="Domande & Risposte"
                ex:columnFormats="list"
                ex:sortColumn="0"
                ex:sortAscending="true"
                ex:tableStyler="tableStyler">
                <div ex:role="exhibit-lens">
                    <div class="table-responsive">
                    <table class="table">
                            <tr>
                                <td class="col-md-12">
                                    <span ex:content=".Tema" class="petrusino"></span>
                                    <br>
                                    <strong><span ex:content=".Domanda"></span></strong>
                                    <br>
                                    <span ex:content=".Risposta"></span>
                                    <a ex:href-content=".Url" ex:onclick-subcontent="trackOutboundLink('{{.Url}}'); return false;" target="_blank">
                                        <strong><span ex:content=".Autore" class="petrusino">Fonte</span></strong></a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <footer>
            <p class="text-center">Guida per i cittadini » Ricostruzione Trasparente - Il <a href="https://github.com/RicostruzioneTrasparente/faq-per-cittadini">codice è su Github</a>
            </p>
        </footer>
    </body>
    </html>
nelsonmau commented 7 years ago

fixed, ma non ho capito il perché...

aborruso commented 7 years ago

@nelsonmau ti avevo fatto anche la pull request (ormai cancellala), che è comoda per capire il perché in vista diff: https://github.com/RicostruzioneTrasparente/faq-per-cittadini/pull/3/files?diff=split

Essenzialmente facevi riferimento a 4 colonne a riga 115 e a 117.

Fammi sapere se adesso ti è chiaro

aborruso commented 7 years ago

Nelson, ma che scusami :)

Chiaro adesso?