Um die Inhalte Ihres WebAccess an Ihre Bedürfnisse anzupassen, können Sie das Layout = die HTML-Seiten Ihres WebAccess verändern. In den Programmeinstellungen unter der Rubrik „Web-Server“ finden Sie den ButtonDieser öffnet den Bereich, in dem Sie Änderungen am Aussehen Ihres WebAccess vornehmen können.
So befindet sich in unserem Beispiel im Ordner „Allgemein B2B“ unter „B2B_segment_left_menu“ das Formular für das linke Menü in der B2B-Ansicht des WebAccess.
Webverwaltung in ingenious.V12
Die Grundlagen des HTML-Codes für Ihre Webansichten sind folgende:
Statischer Text:
{{Stammdaten}}
Es ist möglich, statischen Text in mehreren Sprachen auszugeben. Um dieses Feature nutzen zu können, ist es nötig, statischen Text in doppelten geschwungenen Klammern{{Ihr Text}} einzugeben. Benötigen Sie jedoch nicht die Ausgabe Ihres WebAccess in mehreren Sprachen, so können Sie statischen Text auch ohne geschwungene Klammern eingeben.
Zur Darstellung des Inhalts eines Datensatzes:
<!--#4DVAR [Kontakte]WS_Individuell_Text_1-->
Um auf eine andere interne Seite der Webansicht zu verweisen (in diesem Fall, der B2B-Startbildschirm):
<!--4DVAR CGI4D_t_4DLink-->/B2B_Main/&<!--4DHTMLVAR CGI4D_URLAdd-->
Um ein Segment zu laden:
{GET_HTML_SEGMENT("B2B_segment_left_menu")}
Um Text in Abhängigkeit von Variablen darzustellen:
<!--4DIF ([Kontakte]Individuell_Text_3="4")--> (used for contact groups to display different products)
<!--4DELSE-->
<!--4DENDIF-->
Quellpfade von zu ladenden Dateien – beispielsweise eines Bildes:
src="/images/ document_plain_new.png " alt"">
Formulare:
<form name="form1" method="post" action="<!--#4DVAR CGI4D_t_4DLink-->/4DACTION/cgi_B2B_ItemConfig">
Eine Stückliste öffnen:
<a href="<!--#4DVAR CGI4D_t_4DLink-->/B2B/CGI_Action=newpos&<!--4DVAR CGI4D_URLAdd-->&CGI4D_t_selection_key_field=Beispielliste">
Ein Dokument drucken:
onClick="window.open(href='<!--4DHTMLVAR CGI4D_t_4DLINK-->/4DACTION/cgi_b2b_segment_left_menu/print?<!--4DHTMLVAR CGI4D_URLAdd-->&printtemplate=Quotation_DE')"
Variablen:
Variable |
Beschreibung |
CGI4D_t_partlist_key_field |
ID des Stücklistenartikels |
CGI4D_t_selection_key_field |
Name der gewählten Stückliste |
CGI4D_t_pos_key_field |
ID einer neuen Position |
CGI4D_t_error |
Error Nachricht |
CGI4D_t_4DLink |
“” |
CGI_B2B_isPartlist |
“Wahr“, wenn die Position eine Stückliste ist |
CGI4D_URLAdd |
Beinhaltet versteckte Variablen |
CGI4D_t_ArtikelText |
Artikeltext |
CGI4D_t_ArtikelMenge |
Artikelanzahl |
CGI4D_t_Artikel_AbmessungTyp |
Einheit der Abmessungen eines Artikels |
CGI4D_t_Artikel_AbmessungX |
Dimension (Abmessungen) X des Artikels |
CGI4D_t_Artikel_AbmessungY |
Dimension (Abmessungen Y des Artikels |
CGI4D_t_Artikel_AbmessungZ |
Dimension (Abmessungen Z des Artikels |
CGI_StkLi_MSG |
Nachricht innerhalb der Stückliste |
CGI_StkLi_ZuschlagP |
Addiert % Aufschlag in der Kundenkalkulation |
CGI_StkLi_ZuschlagE |
Addiert € Aufschlag in der Kundenkalkulation |
CGI_StkLi_Netto |
Einkaufspreis des kalkulierten Produkts |
CGI_StkLi_Calc |
Stücklisten-Berechnung |
CGI_StkLi_Netto_VK |
Verkaufspreis des kalkulierten Produkts (exkl. MwSt.) |
CGI_StkLi_Brutto_VK |
Verkaufspreis des kalkulierten Produkts (inkl. MwSt.) |
CGI_B2B_ArtikelSuche |
“Wahr”, wenn die Anzahl der gefundenen Artikel nicht 1 ist |
CGI4D_t_nextField |
Nächstes aktives Feld in der Stückliste |
CGI_B2B_Angebot_Bezeichner |
Name des Dokuments |
CGI4D_t_pos_input |
“A” wenn die Position ein Artikel ist, “R” wenn es ein Rabatt ist |
CGI_B2B_Angebot_EK |
Summe der Einkaufspreise des Projekts |
CGI_B2B_Angebot_VK |
Summe der Verkaufspreise des Projekts (exkl. MwSt.) |
CGI_B2B_Angebot_MwSt |
MwSt. Ausweis des Projekts |
CGI_B2B_Angebot_VK_Brutto |
Summe der Verkaufspreise des Projekts (inkl. MwSt.) |
CGI4D_t_ModeView |
Um zwischen Preisliste und Bestellliste zu unterscheiden |
CGI_StkLiVisible |
Feld mit allen Zeilen einer Stückliste, “wahr”, wenn es sichtbar ist |
CGI_StkLiCnt |
Feld, dass eine (seine eigene) Position beinhaltet |
CGI_StkLiBColor |
Feld, bei dem die Hintergrundfarbe der Linienfarbe der Stückliste entspricht |
CGI_StkLiFColor |
Feld, bei dem die Vordergrundfarbe der Linienfarbe der Stückliste entspricht |
CGI_StkLiBezeichner |
Feld, das die Namen jeder Zeile der Stückliste enthält |
CGI_StkLi_Width1 |
Breite der Stückliste – geteilte Zeile 1 |
CGI_StkLi_Width2 |
Breite der Stückliste – geteilte Zeile 2 |
webCurrentSelection |
Aktuelle Auswahl |
WebCurrentPage |
Zahl der aktuell gewählten Seite |
webPages |
Anzahl aller Seiten übereinstimmend mit dem Ergebnis |
webFehlerLogin |
Login Error |
webSearchValue |
Eingabewert des gesuchten Projekts |
Aktionen:
document.stkli.submit()
Strings:
<!--4DVAR String(Round(CGI_StkLi_Brutto_VK;2);<>frmtStandard2)-->
Buttons:
Button |
Beschreibung |
BTN_Partlist_Abort |
Abbruch der Stücklistenberechnung |
BTN_Partlist_Calc |
Berechnung der Stückliste |
BTN_Partlist_UpdatePos |
Update des kalkulierten Produkts im Projekt |
BTN_Partlist_AddPos |
Kalkuliertes Produkt zum Projekt hinzufügen |
BTN_KON_Save |
Änderungen Speichern in Kontaktdaten |
BTN_AddPos_D1 |
Direktposition als Stückartikel hinzufügen |
BTN_AddPos_D2 |
Direktposition als Meterartikel hinzufügen |
BTN_AddPos_D3 |
Direktposition als Quadratmeterartikel hinzufügen |
BTN_AddPos_Rab |
Abschlag hinzufügen |
BTN_AddPos_LSum |
Laufende Summe hinzufügen |
BTN_AddPos_ZSum |
Zwischensumme hinzufügen |
BTN_AddPos_Text |
Freien Text hinzufügen (kein Preis) |
BTN_AddPos_Header |
Überschrift hinzufügen |
BTN_Save |
Projekt sichern |
BTN_Delete |
Projekt löschen |
BTN_AddItem |
Artikel aus Katalog hinzufügen |
BTN_Finalise |
Projekt abschließen |
BTN_Print |
Projekt drucken |
Befehle innerhalb von Stücklisten:
HTML template:B2B_segment_controls_AJAX
Javascript Dateien: Jscript/Control_Color.js, Control_Picture.js, Control_PicSlider.js, Control_Slider.js, Control_Toggle.js, Set_Fokus.js
Control |
Variable in Web-Template |
1. Überschriften |
CGI_StkLiBezTitle{CGI_StkLiCnt} |
2. Beschreibungen |
CGI_StkLiBezDesc{CGI_StkLiCnt} |
3. Bilder |
CGI_StkLiBezPict{CGI_StkLiCnt} |
4. Radio-Buttons |
--- |
5. Bild-Buttons |
CGI_StkLiDropdownPics{CGI_StkLiCnt}{CGI_StkLiDropdownCnt} |
6. Farbwahl |
CGI_StkLiDropdownColors{CGI_StkLiCnt}{CGI_StkLiDropdownCnt} |
7. Slider |
CGI_StkLiBezSliderMin{CGI_StkLiCnt} CGI_StkLiBezSliderMax{CGI_StkLiCnt} CGI_StkLiBezSliderStep{CGI_StkLiCnt} |
8. Bild-Slider |
CGI_StkLiDropdownPics {CGI_StkLiCnt} {CGI_StkLiDropdownCnt} CGI_StkLiDropdownPicDesc {CGI_StkLiCnt} {CGI_StkLiDropdownCnt} |
9. Segmente |
--- |
10. HTML-Segment |
CGI_StkLiBezCode{CGI_StkLiCnt} |
B2B-Ansicht des WebAccess
Auszug aus dem HTML-Code unseres linken Menüs in der Startansicht des B2B-WebAccess:
(statischer Text in rot)