BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - Custom classes
  FAQ FAQ  Forum Search   Register Register  Login Login

Custom classes

 Post Reply Post Reply
Author
Message
CineTV View Drop Down
Newbie
Newbie


Joined: Feb 03 2020
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote CineTV Quote  Post ReplyReply Direct Link To This Post Topic: Custom classes
    Posted: Feb 03 2020 at 12:41pm
Hi,

I'm wondering on how exactly we can use Custom Classes

If somebody know the syntax, how we should fill the fields Mainframe, contents and in some case button..

Waiting for your knowledge and help

Best regards
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Feb 03 2020 at 1:44pm
Select the targetted element.

In the properties menu, in the lower right corner of the screen, add a specific name in Custom Classes

Then in the upper left corner of the working area, click on source code 

Click on the plus sign to create a new CSS code block in header position
Back to Top
CineTV View Drop Down
Newbie
Newbie


Joined: Feb 03 2020
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote CineTV Quote  Post ReplyReply Direct Link To This Post Posted: Feb 03 2020 at 2:06pm
Hi,

Thanks for your reply.
I'm still little bit confuse.
In which field we should enter the class name in the Main frame field or in the Content field and what about Button that is sometimes the third field of the custom classes depending of the type of element.
If you can detail what I have to put in each fields in the window that appears after clicking on the the three dots)

Thanks in advance


Back to Top
CineTV View Drop Down
Newbie
Newbie


Joined: Feb 03 2020
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote CineTV Quote  Post ReplyReply Direct Link To This Post Posted: Feb 03 2020 at 2:08pm
And sorry, also how we should name the class :

between quote or just the name any special format ?
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Feb 03 2020 at 2:42pm
Create a blank page

Drag and drop a group of elements

As long as it's selected you will see this group of element's properties on the right part of your screen.

In the lower right part, you can see the Expert zone

The third field is named Custom Classes.  That's where you put the class name of your choice.

--------------------------------------------

Example:

Class name enterred in the field: MyDream

CSS code added in the editor

.MyDream{
background-color:red;
border: solid 3px black;
}

Therefore the group of elements will show a red background and a solid, 3 pixels whide and black border.

For more information about CSS, I suggest you to read about it on https://www.w3schools.com/css/



Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Feb 03 2020 at 2:45pm
Originally posted by CineTV CineTV wrote:

And sorry, also how we should name the class :

between quote or just the name any special format ?


Put in the name of your choice.  You can add more than one class.  They only need to be separated by space.

Example:

MyPreferredClassName MySecondClass MyFunnyClass
Back to Top
CineTV View Drop Down
Newbie
Newbie


Joined: Feb 03 2020
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote CineTV Quote  Post ReplyReply Direct Link To This Post Posted: Feb 04 2020 at 11:10am
Hi,

Okay... all right... I tested and it works like a charm.

I was confused by the fact that "content" for me was refering to a class content I didn't notice that in fact it was referring to the zone of an element.
Also to be honest the difference between mainframe and content zone in OpenElement is still not really clear for me :-(

Even tested a little hack by adding something like that and it works well also :
" style="padding-bottom:130px;
the " close the class list and the original one close the online style command"

thanks for all your advices
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.047 seconds.