{"id":7540,"date":"2023-09-15T11:17:42","date_gmt":"2023-09-15T09:17:42","guid":{"rendered":"https:\/\/www.lamapoll.de\/blog\/?p=7540"},"modified":"2023-09-15T11:37:49","modified_gmt":"2023-09-15T09:37:49","slug":"einen-infobutton-in-der-umfrage-einfuegen","status":"publish","type":"post","link":"https:\/\/www.lamapoll.de\/blog\/einen-infobutton-in-der-umfrage-einfuegen\/","title":{"rendered":"Kann ich einen Infobutton in der Umfrage einf\u00fcgen?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ja, einen Infobutton f\u00fcr zus\u00e4tzliche Informationen k\u00f6nnen Sie mit einem CSS (Cascading Style Sheets)-Code in Ihren Fragebogen einf\u00fcgen &#8211; in Texten, Fragestellungen, Auswahloptionen beispielsweise. Umfrageteilnehmer sehen dann den erkl\u00e4renden Text per Mouse-over. (s. Abb. 1)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Info-Button-zur-Erlaeuterung-in-Matrixfrage-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Info-Button-zur-Erlaeuterung-in-Matrixfrage-2.png\" alt=\"\" class=\"wp-image-7751\" style=\"width:840px;height:171px\" width=\"840\" height=\"171\"\/><\/a><figcaption class=\"wp-element-caption\"><em>Abb.1 &#8211; Beispiel eines Infobuttons in einer Antwortoption in einer Matrixfrage<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F\u00fcr den Infobutton ist der folgende CSS-Code vorgesehen:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"css-info-button\"&gt;&lt;span class=\"icon-info\"&gt;&amp;thinsp;&lt;\/span&gt; &lt;span class=\"info-text\"&gt;...Ihr Text hier...&lt;\/span&gt;&lt;\/div&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Eingabe des Codes ben\u00f6tigen Sie den Editor und dort die Code-Ansicht, die Sie am Klammer-Symbol rechts au\u00dfen erkennen: &#8222;<strong>&lt; &gt;<\/strong>&#8222;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Code-Ansicht-im-Editor.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Code-Ansicht-im-Editor.png\" alt=\"\" class=\"wp-image-7715\" style=\"width:840px;height:185px\" width=\"840\" height=\"185\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Code-Ansicht-im-Editor.png 908w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Code-Ansicht-im-Editor-300x66.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2023\/09\/Code-Ansicht-im-Editor-768x169.png 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb.2 &#8211; Code-Ansicht-Symbol im Editor f\u00fcr die Eingabe von CSS-Codes<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Beispiel f\u00fcr das Einf\u00fcgen des Infobutton-Codes bei einer Antwortm\u00f6glichkeit in einer Frage:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1) W\u00e4hlen Sie den &#8222;Bearbeiten&#8220;-Button der Frage.<\/li>\n\n\n\n<li>2) Navigieren Sie im Punkt &#8222;Zeilen&#8220; zur gew\u00fcnschten Antwortoption und klicken das Stiftsymbol an, sodass sich der Editor \u00f6ffnet.<\/li>\n\n\n\n<li>3) \u00d6ffnen Sie die Code-Ansicht durch Klick auf das Klammer-Symbol rechts au\u00dfen (Klammer erscheint blau).<\/li>\n\n\n\n<li>4) F\u00fcgen Sie den Code f\u00fcr Infobutton an jener Stelle ein, an der die zus\u00e4tzliche Info erscheinen soll.<\/li>\n\n\n\n<li>5) Geben Sie Ihren Text im Code im Bereich &#8222;Ihr Text hier&#8220; ein.<\/li>\n\n\n\n<li>6) Wichtig: Klicken Sie bitte erneut auf das Klammer-Symbol, um die Code-Eingabe zu speichern und die Code-Ansicht zu schlie\u00dfen (Klammer erscheint wieder schwarz).<\/li>\n\n\n\n<li>7) Speichern Sie die bearbeitete Antwortm\u00f6glichkeit mit &#8222;OK&#8220; ab.<\/li>\n\n\n\n<li>8) Speichern Sie die gesamte Frage bitte abschlie\u00dfend mit dem Button &#8222;Speichern&#8220; ab.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bitte beachten: Denken Sie bei der Eingabe von CSS-Code \u00fcber die Code-Ansicht bitte daran, dass die Eingabe des Codes immer durch Klick auf das Klammer-Symbol best\u00e4tigt werden muss.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Falls Sie zu einer Fragestellung oder Begriffen in der Fragestellung zus\u00e4tzliche Informationen geben m\u00f6chten, so k\u00f6nnen Sie alternativ zum Infobutton auch den Hinweistext der Frage unterhalb der Fragestellung nutzen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie sind neugierig geworden, was man mit CSS-Codes noch so alles im Fragebogen machen kann? Dann lesen Sie gern in unserem Helpdesk weiter: <a href=\"https:\/\/help.lamapoll.de\/Features\/Erstellen\/Design-Funktionen-CSS-Befehle\/\">Umfrage mit CSS designen<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ja, einen Infobutton f\u00fcr zus\u00e4tzliche Informationen k\u00f6nnen Sie mit einem CSS (Cascading Style Sheets)-Code in Ihren Fragebogen einf\u00fcgen &#8211; in Texten, Fragestellungen, Auswahloptionen beispielsweise. Umfrageteilnehmer sehen dann den erkl\u00e4renden Text per Mouse-over. (s. Abb. 1) F\u00fcr den Infobutton ist der folgende CSS-Code vorgesehen: F\u00fcr die Eingabe des Codes ben\u00f6tigen Sie den Editor und dort die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,156],"tags":[1982,1980,1983,1984,1981,1986,1985],"class_list":["post-7540","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedbackmanagement","category-frage-der-woche","tag-infobutton-bei-antwortoptionen-einfuegen","tag-infobutton-in-eine-frage-einfuegen","tag-infobuttons-zu-einzelnen-auswahlfeldern","tag-zusatzinfo-zu-einzelnen-woertern-einblenden","tag-zusatzinfo-zu-fragen-im-fragebogen-einfuegen","tag-zusatzinformationen-als-hover-button","tag-zusaetzliche-informationen-als-infobutton"],"_links":{"self":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/7540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/comments?post=7540"}],"version-history":[{"count":31,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/7540\/revisions"}],"predecessor-version":[{"id":7752,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/7540\/revisions\/7752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media\/1434"}],"wp:attachment":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media?parent=7540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/categories?post=7540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/tags?post=7540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}