Advanced HTML, JS, and CSS

If you wish to use "Google Analytics" or any other 3rd party service with Hyper Web-App, you need to inject custom JS code into the page Header and Body.
Use Website Content on the Hyper client app to setup these HTML segments:
Content ID Usage Description
Page_Header_Code Streams out any code just before the closure of the HTML header, specifically before the </head> <body> tags.
Page_Body_Code Streams out any code at the end of the HTML body, just before the </body> </html> tags.

Please note: Segments will be injected (included in the HTML file) only when the user is entering a page.
When posting a form or refreshing the same page address, these contents will NOT be injected.
Do not add language suffixes (like "_eng") to these records.

In case of complex integration (e.g., Facebook + Google Analytics + custom leads management),
We recommend creating your own custom .js file containing all scripts needed for manipulating page data, cookies, etc.
Use the
Page_Header_Code / Page_Body_Code
to load necessary libraries and execute your "base function".

For Accessibility Tools

Use these record keys to inject code permanently, ensuring it remains active even after a post or refresh:
Content ID Usage Description
Page_Permanent_Header_Code Streams out any code just before the closure of the HTML header, specifically before the </head> <body> tags.
Page_Permanent_Body_Code Streams out any code at the end of the HTML body, just before the </body> </html> tags.

Change Session Language

Post the
UI_Lang
field to change the current session language. This works for both API and HTML.
Possible values are:
ENG, HEB, RUS, ARA, SPA, FRA, CHI, HIN, GER
. Pass only one language at a time.
  • You can switch language during an active session.
  • You can send this field inside any JSON API input, as long as you place it in the root object.

The HTTP Folder

Relative to the "Hyper_Website_API.exe" path, you will find a sub-folder named "HTTP", managed by the web-app.
The SYE HTTP server reads these files (CSS, JS, fonts, and media) directly from the disk to serve them to browsers. These are not relevant for API or DB "Domain Purposes".
Warning: The application may overwrite files in this folder during version updates (via "Http_Updates.zip"). It is important to follow the structure below to know where modifications are safe.

Folder content and management:
Folder Name Description
CSS Contains core CSS files, fonts, and images for UI buttons.
Do NOT change this content! It is a built-in part of the shelf product and will be overwritten during updates.
JS Javascript files. The system uses jQuery libraries that come with their own CSS and image files.
The file "sye.js" contains the core SYE logic for the UI.
Do NOT change this content! It is a built-in part of the shelf product and will be overwritten during updates.
Media Client media (logo, menu buttons, styling, etc.) is stored in this folder.
You can change the image files in this folder and add your own.
* The content is extracted only once during initial installation (from "Http_New_Setup.zip") with default media files that should be replaced during implementation.
Media\CSS Client custom CSS for modifying the HTML design. Create only the files you need.
Possible file names:
Custom_LTR.css   Custom_LTR_PC.css   Custom_LTR_Mobile.css
Custom_RTL.css   Custom_RTL_PC.css   Custom_RTL_Mobile.css

Text direction is based on user language: LTR = Left to Right; RTL = Right to Left.
PC is the default desktop view; Mobile is loaded when the User-Agent is Android or iOS.
Media\JS Client custom Javascript for modifying HTML UI logic or adding animations.
The file name must be custom.js and you can load any other JS library from within it.
EMail Body Related Images This folder is created automatically by the web-app upon the first run.
Any file placed here will be attached to outgoing email messages if the file name is referenced in the message body (e.g., images embedded as CID).

* All fonts, Javascript, and image files delivered from SYE are under a free use license or a proprietary license held by SYE Software.