{"id":50661,"date":"2019-11-23T07:00:24","date_gmt":"2019-11-23T06:00:24","guid":{"rendered":"http:\/\/smeupnew.it\/magazine\/blog\/componente-forme-grafiche-webup\/"},"modified":"2021-04-11T16:06:30","modified_gmt":"2021-04-11T14:06:30","slug":"forme-grafiche-webup","status":"publish","type":"post","link":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/","title":{"rendered":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP"},"content":{"rendered":"

V2FOGOG, ovvero le forme grafiche.<\/h2>\n

V2FOGOG, per Web.UP, \u00e8 un acronimo che fa riferimento alle forme grafiche<\/strong>. Si tratta di \u201cmicro componenti\u201d che possono essere utilizzati all\u2019interno di componenti, nello specifico: Field, Matrice, Matrice d\u2019aggiornamento, box, Input panel.<\/p>\n

All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento e la consultazione di tutti gli elementi disponibili. Scrivendo nello spotlight di Web.UP, in ambiente Showcase, la sigla \u201csch V2FOGOG\u201d si apre una matrice che riporta al proprio interno tutte le forme grafiche, con esempi per ogni componente.<\/p>\n

Semplificare la scelta delle forme grafiche attraverso una scheda<\/h2>\n

Ogni forma grafica ha chiaramente una funzionalit\u00e0 diversa. La matrice per ogni forma grafica mostra nome, codice, componenti in cui la forma stessa \u00e8 supportata. Questo porta all\u2019utente il grande vantaggio di poter avere il colpo d\u2019occhio di tutti i V2FOGOG disponibili e di avere alcune informazioni che possono essergli utili per scegliere la forma grafica che pi\u00f9 si adatta all\u2019utilizzo di cui ha bisogno.<\/p>\n

Entrando nel dettaglio della forma grafica attraverso l\u2019icona della lente d\u2019ingrandimento, vengono fornite ulteriori informazioni, pi\u00f9 specifiche, ed esempi completi dei possibili utilizzi delle forme grafiche.<\/p>\n

Nella nuova matrice che ci si presenta troviamo la colonna \u201cclassi ammesse\u201d dove si trova l\u2019oggetto di smeup di riferimento che il componente supporta, nella sezione \u201cColonna sviluppo\u201d potremo sapere se il componente \u00e8 gi\u00e0 utilizzabile o se non \u00e8 ancora stato rilasciato, o ancora alla voce \u201cDevice\u201d troveremo l\u2019elenco dei device in cui sono supportate le forme grafiche, come: Web, Client (Looc.UP), Phone, Tablet.<\/p>\n

All\u2019interno dei componenti \u00e8 inoltre possibile inserire dei setup per apportare modifiche al componente stesso, che per le forme grafiche si chiamano estensioni (Ext). Queste permettono di dare propriet\u00e0 aggiuntive alla forma grafica, consentendo di fatto di modificarla.<\/p>\n

Anche in questo caso, ogni forma grafica include un elenco consultabile di tutte le estensioni disponibili.<\/p>\n

Tutti i vantaggi della scheda dei V2FOGOG<\/h2>\n

La scheda dei V2FOGOG offre, primo tra tutti, il grande vantaggio di poter avere una visualizzazione immediata di tutte le forme grafiche implementate in Web.UP. Inoltre, la matrice consente all\u2019utente un riscontro immediato relativamente ai componenti in cui pu\u00f2 essere utilizzata una determinata forma grafica, facilitando di conseguenza anche la scelta dei componenti da utilizzare. Altro vantaggio che rende molto pi\u00f9 semplice e pi\u00f9 rapida la scelta della forma grafica \u00e8 quella di poter visualizzare il componente con diverse visualizzazioni, in modo da avere gi\u00e0 un\u2019anteprima dell\u2019aspetto che assumer\u00e0.<\/p>\n

Ma non solo: permette anche di prendere conoscenza dell\u2019esistenza di nuovi componenti o di componenti di cui non si era al corrente, proprio perch\u00e9 presenta un elenco sempre aggiornato.<\/p>\n<\/div>

\"smeup<\/span><\/div>

Scheda dei V2FOGOG<\/em><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

V2FOGOG, per Web.UP, \u00e8 un acronimo che fa riferimento alle forme grafiche. All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento e la consultazione di tutti gli elementi disponibili. Ecco come funziona.<\/p>\n","protected":false},"author":1,"featured_media":54196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7175],"tags":[6496,6497,4431],"class_list":["post-50661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","tag-componenti","tag-forme-grafiche","tag-web-up"],"acf":[],"yoast_head":"\nL\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP<\/title>\n<meta name=\"description\" content=\"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP\" \/>\n<meta property=\"og:description\" content=\"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/\" \/>\n<meta property=\"og:site_name\" content=\"Magazine\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-23T06:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-11T14:06:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1182\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"smeup\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"smeup\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/\"},\"author\":{\"name\":\"smeup\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"headline\":\"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP\",\"datePublished\":\"2019-11-23T06:00:24+00:00\",\"dateModified\":\"2021-04-11T14:06:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/\"},\"wordCount\":913,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/11\\\/forme-grafiche.jpg\",\"keywords\":[\"componenti\",\"forme grafiche\",\"Web.UP\"],\"articleSection\":[\"UX\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/\",\"name\":\"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/11\\\/forme-grafiche.jpg\",\"datePublished\":\"2019-11-23T06:00:24+00:00\",\"dateModified\":\"2021-04-11T14:06:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"description\":\"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/11\\\/forme-grafiche.jpg\",\"contentUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/11\\\/forme-grafiche.jpg\",\"width\":1600,\"height\":1182,\"caption\":\"smeup forme grafiche\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/forme-grafiche-webup\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\",\"name\":\"Magazine\",\"description\":\"smeup\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\",\"name\":\"smeup\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"caption\":\"smeup\"},\"sameAs\":[\"https:\\\/\\\/www.smeup.com\"],\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP","description":"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/","og_locale":"it_IT","og_type":"article","og_title":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP","og_description":"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.","og_url":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/","og_site_name":"Magazine","article_published_time":"2019-11-23T06:00:24+00:00","article_modified_time":"2021-04-11T14:06:30+00:00","og_image":[{"width":1600,"height":1182,"url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg","type":"image\/jpeg"}],"author":"smeup","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"smeup","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#article","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/"},"author":{"name":"smeup","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"headline":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP","datePublished":"2019-11-23T06:00:24+00:00","dateModified":"2021-04-11T14:06:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/"},"wordCount":913,"commentCount":0,"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg","keywords":["componenti","forme grafiche","Web.UP"],"articleSection":["UX"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/","url":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/","name":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#primaryimage"},"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg","datePublished":"2019-11-23T06:00:24+00:00","dateModified":"2021-04-11T14:06:30+00:00","author":{"@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"description":"All\u2019interno di Web.UP \u00e8 stata predisposta una scheda che raggruppa tutte le forme grafiche utilizzabili, in modo da rendere pi\u00f9 facile il reperimento.","breadcrumb":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#primaryimage","url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg","contentUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2019\/11\/forme-grafiche.jpg","width":1600,"height":1182,"caption":"smeup forme grafiche"},{"@type":"BreadcrumbList","@id":"https:\/\/www.smeup.com\/magazine\/blog\/forme-grafiche-webup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smeup.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"L\u2019uso delle forme grafiche diventa semplice con la scheda di Web.UP"}]},{"@type":"WebSite","@id":"https:\/\/www.smeup.com\/magazine\/#website","url":"https:\/\/www.smeup.com\/magazine\/","name":"Magazine","description":"smeup","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smeup.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7","name":"smeup","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","caption":"smeup"},"sameAs":["https:\/\/www.smeup.com"],"url":"https:\/\/www.smeup.com\/magazine\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/comments?post=50661"}],"version-history":[{"count":3,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50661\/revisions"}],"predecessor-version":[{"id":54205,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/50661\/revisions\/54205"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media\/54196"}],"wp:attachment":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media?parent=50661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/categories?post=50661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/tags?post=50661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}