{"id":1806,"date":"2019-07-02T20:07:15","date_gmt":"2019-07-02T19:07:15","guid":{"rendered":"http:\/\/ipsview.brownson.at\/?p=1806"},"modified":"2019-07-25T20:36:32","modified_gmt":"2019-07-25T19:36:32","slug":"touchscreen-shortcuts","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=1806","title":{"rendered":"Touchscreen – Shortcuts"},"content":{"rendered":"

Bei meinem Touchscreen Projekt habe ich meine View noch um einige „Shortcut“-Buttons erweitert, um h\u00e4ufig gebrauchte Seiten wie Wetter und Beschattung schneller aufrufen zu k\u00f6nnen.<\/h3>\n<\/div>

Wie einfach das geht, m\u00f6chte ich in diesem Beitrag zeigen.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>

InlineImage platzieren<\/h1><\/div>

Als ersten Schritten platzieren wir im Header ein InlineImage<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Danach setzen wir im Eigenschaftseditor passende Icons f\u00fcr die Shortcut Buttons im Client.<\/h3>\n<\/div>

als Detailseite w\u00e4hle ich die Wetterseite, diese kann ich aus einer Liste aller verf\u00fcgbaren Seiten direkt ausw\u00e4hlen.<\/h3>\n<\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>

und als Navigationsseite die Seite „MenuCategories“, diese Einstellung ist optional und sorgt daf\u00fcr, dass bei der Bet\u00e4tigung des Buttons auch die passende Navigationsseite geladen wird.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Ansicht im Client<\/h1><\/div>

Nach dem Einf\u00fcgen 2 weiterer InlineImages und dem Speichern der View, werden die neuen Buttons im Client geladen.<\/h3>\n<\/div>

Mittlerweile verwende ich in meiner Vorlage Icons von „Colibrico Design Studio“ (siehe IPSStudio Add – ons<\/a>), Details dazu zeige ich in Zukunft noch in einem gesonderten Beitrag.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1806","post","type-post","status-publish","format-standard","hentry","category-howto"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1806"}],"version-history":[{"count":6,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1806\/revisions"}],"predecessor-version":[{"id":1835,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1806\/revisions\/1835"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}