{"id":129030,"date":"2022-11-16T17:31:19","date_gmt":"2022-11-16T16:31:19","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-an-inline-edit\/"},"modified":"2022-11-16T17:31:19","modified_gmt":"2022-11-16T16:31:19","slug":"how-to-create-an-inline-edit","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/hilfe-zum-prototypisieren-einer-inline-bearbeitung","title":{"rendered":"Prototyp f\u00fcr eine Inline-Bearbeitung"},"content":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie einen Prototyp f\u00fcr eine Inline-Bearbeitung erstellen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73262325\/index.html\" width=\"820px\" height=\"180px\" frameborder=\"0\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">So bauen Sie es auf:<\/span><\/p>\n<h3><b>Siehe<\/b><\/h3>\n<ul>\n<li>W\u00e4hlen Sie ein &#8222;Dynamisches Panel&#8220; aus dem Bereich &#8222;Dynamischer Inhalt&#8220; und platzieren Sie es auf der Leinwand.<\/li>\n<li>Halten Sie die Befehlstaste (Mac) oder die Steuerungstaste (Windows) gedr\u00fcckt und ziehen Sie einen &#8222;Text&#8220; in das Panel. Sie sehen eine blaue F\u00e4rbung, wenn Sie ein Element hineinziehen.<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-1.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-1.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-1.png\" alt=\"Ein dynamisches Panel erstellen\">Erstellen Sie ein dynamisches Panel<\/video> <\/li>\n<\/ul>\n<ul>\n<li>F\u00fcgen Sie ein weiteres Panel hinzu, indem Sie auf die Schaltfl\u00e4che &#8222;+&#8220; im Men\u00fc klicken.  <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-2.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/li>\n<li>W\u00e4hlen Sie als n\u00e4chstes ein &#8222;Eingabe-Textfeld&#8220; aus dem Bereich &#8222;Interaktive Eingabefelder&#8220; und platzieren Sie es mit der Befehlstaste (Mac) bzw. der Steuerungstaste (Windows) in dem Panel. Um die Ansicht abzuschlie\u00dfen, halten Sie im selben Panel die Befehlstaste gedr\u00fcckt und platzieren eine &#8222;Schaltfl\u00e4che&#8220;.<br \/>\n<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-3.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-3.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-3.png\" alt=\"Inhalt in dynamisches Panel einf\u00fcgen\">Inhalt in dynamisches Panel einf\u00fcgen<\/video><\/li>\n<\/ul>\n<h3><b>Ereignisse<\/b><\/h3>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie den &#8222;Text&#8220; in Panel 1 aus und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220; in der Palette &#8222;Ereignisse&#8220;.  <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-4.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Aktives Panel festlegen&#8220; und w\u00e4hlen Sie Panel 2. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.  <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-5.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/span><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Schaltfl\u00e4che aus Panel 2 ausgew\u00e4hlt haben, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-6.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und w\u00e4hlen Sie auf der Registerkarte Ebenen im Dialogfeld den Text im Feld 1.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie das Optionsfeld &#8222;Berechnet&#8220; f\u00fcr den Wert und klicken Sie auf &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-7.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie im Ersteller des Wertausdrucks das Feld &#8222;Eingabe-Textfeld&#8220; aus dem Panel 2. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.   <\/span><video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-8.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-8.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-8.png\" alt=\"Expression builder\">Expression builder<\/video><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Schaltfl\u00e4che ausgew\u00e4hlt haben, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;+&#8220;, um ein neues Ereignis zu erstellen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-9.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie im Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Aktives Panel festlegen&#8220; und klicken Sie auf Panel 1.  <\/span>Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70605\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/inline-edit-10.png\" alt=\"Schwebendes Men\u00fc\" width=\"1295\" height=\"933\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Simulieren Sie Ihren Prototyp.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie einen Prototyp f\u00fcr eine Inline-Bearbeitung erstellen. So bauen Sie es auf: Siehe W\u00e4hlen Sie ein &#8222;Dynamisches Panel&#8220; aus dem&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8553,8548],"tags":[],"class_list":["post-129030","post","type-post","status-publish","format-standard","hentry","category-erweiterte-interaktionen","category-erweiterte-anleitungen"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129030"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129030"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129030\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}