Page Panel In Backend

OnePage Tutorial

tasi
OnePage Tutorial
3 min readAug 31, 2014

--

OnePage is a Joomla extension created for building responsive landing page.It helps users reduce coding repeatedly and simplify all the flow. For more information, please visit our site.

When you start to create a page, the view looks like below :

Menu

Click the button on the left corner will display the hidden menu.

Page Configuration

When you click the button on the right corner, it will redirect to the page configuration.

Here, you can upload the additional javascript and stylesheet to the page.

You can also change the page title, upload the web app icon for mobile shortcut and add Google Font.

ShortCut

You can find these 3 buttons on the right side.

JS & CSS buttons will open a new tab to the script page so that you can add the additional code.

Preview button will open a new tab so that you can see what the page looks like in the front end.

Create Element

After you know how these buttons work, you can click the plus button to create a new element now.

When you enter children view,

For element details, you have to read our other articles to know more…

Now let’s take the Item Element for example, click to create an element — Item(Html + Image).

The first tab — ‘Content’ is to display the element parameters, ‘Basic Layout’ and ‘Animation’ can be found in all elements.

  1. You can change the title for your management here.
  2. Published/Unpublished it in the front end.
  3. Change ID or add Class for Javascript control and Style design.
  4. Change the template of element created by J-SOHO.
  5. Change the layout in front end by changing ‘Col-md-’ and ‘Offset-’

The 3rd tab is to add animation of this element.

You can view this page to know the animation.

And this is the end of the overview for page edit view.

AD.

If you are looking for design goods, please check this site(Creative Market) to have a look.

That’s all! If you have any idea about improving our product or document, drop us a line in our website.

Thanks for your reading.

--

--