Anglais (US)
Demo Project
uses the Packs "Dynamic Elements & Back-Office"
Important: to initialize the system, preview the Administration page "content-backoffice-admin" in a browser once (F12). 
To reconfigure or delete a Pack with corresponding elements, use the group "Element Pack" above on the left.
To be able to edit content online, modify protection of the page content-backoffice-admin and the folder oe-bkoffice-v1: right-click them in the Site Explorer (on the left) and choose "Protect the page".
Latest News
This small demo uses dynamic elements to show content from the database, and to edit it online  without using openElement.

For security reasons, online content editing is blocked, but you can download the source OE project of this site to see, try and modify all the functionality. You can use this project as a model.
The list below is created using the Pack 80. See, on the base layer "Base2", the corresponding pack in the "Element Pack" on the top of  the page
Below are examples of using  the Pack "50 - Dynamic Element ".

Each Pack 50 (you can place as many as you need) adds a "dynamic element" onto the page . This dynamic element corresponds to an "item" in the database. When the page is opened in a browser for the first time, the item is automatically registered in the database. From this moment, you can modify its content via browser using the Administration page ("content-backoffice-admin" in this project); the Administration page is created using the Pack 10.

An item may optionnaly be "localized" (translated), to show different content for different page languages. In this project, some items have the detail  "Description" for English and "Description-FR" for French. Administration page displays all localized versions.

Optionally, a dynamic element may display content of another item, when its name is specified in the URL parameter "oebkArticle". See Example 1 below. Attention - items passed via URL are not added automatically to the database.

See also: the page Dynamic Gallery (the 2nd button in the menu above).
Example 1: show corresponding News when "read more..." is clicked in the list on the left (by default shows "News.01", as specified in the corresponding Pack). The page  scrolls to the "anchor" specified in the Code Block on the left.
Hello! News 1 in English
Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
Example 2: show simple text from the database, from the item named "Intro1 Text". For the corresponding Pack, the Content Format parameter is set to 0, so only non-formatted text is accepted.
Hello World! (Item1 Text)
Example 3: shows the item named "Intro2 HTML " with complex HTML content, including formatted text, an image and a table, edited using the HTML Editor.

Item "Intro2 HTML" in English. Edited on the Administration page using built-in HTML Editor.


Intro2 HTML

Format Type

HTML edited via Editor