Hide items when run mode

Christie Widget Designer Version 6 - Q&A

Moderator: Moderator Group

Forum rules
When asking make sure to include the operating system and the revision of Widget Designer you are using.

Hide items when run mode

Postby mookai1973 » Sat Sep 26, 2020 11:39 am

Dear Sir,
My name is KAI from Phuket Thailand, I'm new user for WD

My system : WD v6.1.3 Windows 10 x64 (LTSB 2016)

Question.

I need to hide some items when start to run mode and back to show when back to edit mode, How can I program in this function?

Thank you,
KAI
KAI
Audio Visual Department
Phuket FantaSea Co.,Ltd.
Carnival Magic Park Co.,Ltd
Phuket Thailand
mookai1973
 
Posts: 4
Joined: Wed Jul 25, 2018 4:35 pm
Location: Phuket Thailand

Re: Hide items when run mode

Postby Daniel Kaminski » Sat Sep 26, 2020 11:10 pm

Hi Kai,
the easiest will be a custom CSS file.

Step 1) Save Project
Step 2) Open Edit Windows Dialog from Windows Menu
Step 3) Under Custom HTML Header
a) Click on blue Options Text / Open Folder
You will be told, that the folder does not exist and if you want to create it. Say Yes.
b) Blue Options Text -> Import Files and Import editonly.css as custom header
c) enable checkbox : Enable Custom Header

Step 4) Each Element that you only want to see during editing, but never in Run Mode
add "EditOnly" to the "Define a custom CSS class" Textbox in the UI Effects and Animations.

Step 5) enjoy

The sample Project should make it clear. If not feel free to ask.

Daniel
You do not have the required permissions to view the files attached to this post.
--
Daniel Kaminski
Pandoras Box Expert
User avatar
Daniel Kaminski
 
Posts: 1071
Joined: Tue Jul 22, 2008 10:55 am
Location: Herten, Germany

Re: Hide items when run mode

Postby mookai1973 » Sun Sep 27, 2020 4:12 am

Hi Deniel,

Thank you so much and sample from you it's great for me.

Regards,
KAI


Daniel Kaminski wrote:Hi Kai,
the easiest will be a custom CSS file.

Step 1) Save Project
Step 2) Open Edit Windows Dialog from Windows Menu
Step 3) Under Custom HTML Header
a) Click on blue Options Text / Open Folder
You will be told, that the folder does not exist and if you want to create it. Say Yes.
b) Blue Options Text -> Import Files and Import editonly.css as custom header
c) enable checkbox : Enable Custom Header

Step 4) Each Element that you only want to see during editing, but never in Run Mode
add "EditOnly" to the "Define a custom CSS class" Textbox in the UI Effects and Animations.

Step 5) enjoy

The sample Project should make it clear. If not feel free to ask.

Daniel
KAI
Audio Visual Department
Phuket FantaSea Co.,Ltd.
Carnival Magic Park Co.,Ltd
Phuket Thailand
mookai1973
 
Posts: 4
Joined: Wed Jul 25, 2018 4:35 pm
Location: Phuket Thailand


Return to Widget Designer V6

Who is online

Users browsing this forum: No registered users and 18 guests

cron