97 lines
5.9 KiB
HTML
97 lines
5.9 KiB
HTML
<!doctype html>
|
||
<html class="no-js" lang="it">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>GEST366 - Moduli</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<link rel="manifest" href="site.webmanifest">
|
||
<link rel="apple-touch-icon" href="icon.png">
|
||
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
<link rel="stylesheet" href="css/main.css">
|
||
|
||
<meta name="theme-color" content="#fafafa">
|
||
<meta name="description" content="Come creare e gestire i moduli con GEST366, fork di gestionale360">
|
||
<meta name="author" content="ReF Artistic Services">
|
||
<meta name="keywords" content="gest366, gestionale, gestionale360">
|
||
<!-- Open Graph Tags -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://www.gest366.it/">
|
||
<meta property="og:title" content='GEST366'>
|
||
<meta property="og:image" content="https://www.gest366.it/img/logo.png">
|
||
<meta property="og:image:type" content="image/png" />
|
||
<meta property="og:image:width" content="800" />
|
||
<meta property="og:image:height" content="515" />
|
||
<meta property="og:image:alt" content="Logo GEST366" />
|
||
<meta property="og:description" content="Gestionale open source">
|
||
<meta property="og:locale" content="it_IT">
|
||
</head>
|
||
|
||
<body class="no-background">
|
||
<!--[if IE]>
|
||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||
<![endif]-->
|
||
|
||
<header class="clearfix">
|
||
<a href="https://www.gest366.it"><img src="img/logo.png" id="logo" alt="gest366 logo"></a>
|
||
<nav role="navigation">
|
||
<img id="menu-logo" onclick="toggleMenuVisibility()" src="img/menu.svg" alt="menu icon">
|
||
<ul id="menu">
|
||
<li><a href="./about.html">Cos'è</a></li>
|
||
<li><a href="./download.html">Download</a></li>
|
||
<li><a href="./doc.html">Documentazione</a></li>
|
||
<li><a href="https://www.gest366.it/forum/">Forum</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<main class="doc-page">
|
||
<h1>Moduli</h1>
|
||
<div id="creazione-moduli">
|
||
<h2>Creazione moduli</h2>
|
||
<p>Per creare un nuovo modulo, selezionate <span class="gui-interactive">Strumenti</span> nel menu, poi <span class="gui-interactive">Tabelle</span>, quindi <span class="gui-interactive">Gestione componenti</span>.</p>
|
||
<p class="non-inline vertical-rectangle"><img src="img/doc-img/menu-strumenti-2.jpg"></p>
|
||
<p>Nella schermata alla quale accederete, cliccate sul <img class="inline square" src="img/doc-img/+button.png" alt="pulsante di aggiunta elemento"> situato accanto al nome della sezione. Si aprirà un popup nel quale compilare i campi obbligatori <span class="gui-input">Nome file</span> e <span class="gui-input">Contenuto</span>. Quest’ultimo, cliccando su <span class="gui-interactive">Default</span>, può essere compilato automaticamente con una configurazione preimpostata, che andremo ad esaminare di seguito:</p>
|
||
<p class="non-inline"><img src="img/doc-img/popup-gestione-componenti-1.jpg"></p>
|
||
<p>[Nome]<br>
|
||
tipo = <span class="gui-suggestion">span</span><br>
|
||
valore = “<span class="gui-suggestion">Componente di esempio</span>”</p>
|
||
<p>Il testo compreso tra i doppi apici è l’identificativo del componente, da rinominare come desiderato. Es. “<span class="gui-suggestion">Aggiunta articoli</span>” (è necessario mantenere il virgolettato).</p>
|
||
<p>Segue la selezione del tipo di campo da inserire tra i seguenti:</p>
|
||
<ul>
|
||
<li><span class="gui-suggestion">input</span> (campo di inserimento dati generico)</li>
|
||
<li><span class="gui-suggestion">select</span> (campo di selezione di un valore da una lista preimpostata)</li>
|
||
<li><span class="gui-suggestion">date</span> (campo di selezione data)</li>
|
||
<li><span class="gui-suggestion">textarea</span> (area di testo)</li>
|
||
</ul>
|
||
<p>Di seguito alcune configurazione di esempio:</p>
|
||
<p>Configurazione 1<br>
|
||
[Colore]<br>
|
||
tipo = <span class="gui-suggestion">input</span><br>
|
||
valore =</p>
|
||
<p>Configurazione 2<br>
|
||
[Elenco Colore]<br>
|
||
tipo = <span class="gui-suggestion">select</span><br>
|
||
valore =<br>
|
||
opzioni = <span class="gui-suggestion">“- Seleziona tipo -“, “Rosso”, “Nero”, ”Bianco”</span></p>
|
||
<p>Una volta terminata la configurazione, cliccate su <img class="inline rectangle" src="img/doc-img/+add.png" alt="pulsante aggiungi"> per confermarla.</p>
|
||
<p>Dal menu <span class="gui-interactive">Magazzino</span> è possibile accedere al sottomenu <span class="gui-interactive">Articoli</span></p>
|
||
<p class="non-inline vertical-rectangle"><img src="img/doc-img/menu-magazzino.jpg"></p>
|
||
<p>e selezionare un articolo o crearne uno nuovo mediante l’apposito pulsante <img class="inline square" src="img/doc-img/+button.png" alt="pulsante di aggiunta elemento">. Accedendo alla scheda articolo e, successivamente, al pannello <span class="gui-element">Moduli Personalizzati</span>, sarà quindi selezionabile il componente appena creato dalla lista <span class="gui-input">Seleziona un componente</span>.</p>
|
||
<p class="non-inline"><img src="img/doc-img/schermata-articoli-1.jpg"></p>
|
||
</div>
|
||
</main>
|
||
<footer role="contentinfo">
|
||
<p>Sostenuto da:</p>
|
||
<ul id="maintainers">
|
||
<li><a href="https://www.refservices.eu">ReF Services</a></li>
|
||
<li><a href="https://www.immensonet.it">Immenso NET</a></li>
|
||
</ul>
|
||
</footer>
|
||
<script src="js/vendor/modernizr-3.7.1.min.js"></script>
|
||
<script src="js/plugins.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
|
||
</html> |