Is it possible to make a style off a transition?

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Is it possible to make a style off a transition?

Post by Fender »

How can I make a style of this transition on text if possible?
settings;
trigger scroll
offset 0
anchor start
timing linear
property color
value (default color font)

second transition;
settings;
trigger scroll
offset 500
anchor start
timing linear
property color
value (other color font)
The reason why I ask this; I want to change the color off text on scroll.

I discovered that this was not possible but may be when I can use a style it will work?
-----------------------------------------------------------------------------------------------------------------------
I've found a solution but I think when I can use a style it would be easier.
The only way I can accomplish this is when I set optimise inline styles in HTML opties.
This way I can insert a html with the setting: color: inherit !important; to the uid of the text
But there is written expirimental. Does this mean I can encounter problems with an existing project if I use this setting of optimise inline styles or not?

Fender
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Is it possible to make a style off a transition?

Post by Pablo »

You can also use scroll events to apply styles to objects.
http://wysiwygwebbuilder.com/bookmark_events.html

Note that scroll events are also available for layers an d layout grids.
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Re: Is it possible to make a style off a transition?

Post by Fender »

I know I can use scroll events.
But The main reason for my question was;
Can I encounter problems with an existing project if I use the setting of optimise inline styles or not?
I didn't get an answer for this.
I noticed with a project where I use a javascript last modified date, the date is not showing on preview! when I enable optimise inline styles.
When I compared the html with and without optimise inline styles this is what I noticed'
without the date is showing;
<div id="masterfluidHtml1">
<script>
update = new Date(document.lastModified)
theMonth = update.getMonth() + 1
theDate = update.getDate()
theYear = update.getFullYear()
document.write("<div style=\"color:#FFFFFF;font-size:12px;font-family:Tahoma;font-weight:normal;font-style:normal;text-align:left;text-decoration:none\">Gewijzigd: " + theDate + "-" + theMonth + "-" + theYear+"<\/div>");
</script>
<div style="color:#FFFFFF;font-size:12px;font-family:Tahoma;font-weight:normal;font-style:normal;text-align:left;text-decoration:none">Gewijzigd: 21-1-2019</div> </div>
------------------------------------------------------------------------
with optimise inline styles the date doesn't show

<div id="masterfluidHtml1">
<script>
update = new Date(document.lastModified)
theMonth = update.getMonth() + 1
theDate = update.getDate()
theYear = update.getFullYear()
document.write("<div id="wb_uid23"color:#FFFFFF;font-size:12px;font-family:Tahoma;font-weight:normal;font-style:normal;text-align:left;text-decoration:none\">Gewijzigd: " + theDate + "-" + theMonth + "-" + theYear+"<\/div>");
</script> </div>
Does this mean that I can't use javascript in a project when optimise inline styles is activated? Or maybe the javasript needs
some adjustments to work properly?

Is there a workaround for this? If so, what to do.
I really want to use the transition on text as discriped in my first post but without the use of optimise inline styles it won't work!

Fender
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Is it possible to make a style off a transition?

Post by Pablo »

Correct, the HTML/JavaScript formatting tools may affect the behavior of some script or styles. This is also mentioned in the help.
In most cases, there is no easy workaround because some scripts expect to be in a specific part on the page.
Does this mean that I can't use javascript in a project when optimise inline styles is activated?
There is no generic answer, it depends on the used script. Each script is different and has its own requirements,.
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Re: Is it possible to make a style off a transition?

Post by Fender »

That's a pity!
Is there a way to make a style in the stylemanager off this transition? so I don't have to use optimise inline styles?
When I set this transition on text it doesn't work!
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Is it possible to make a style off a transition?

Post by Pablo »

You can add custom code via the Page HTML or an HTML object.

Some transitions may not work because they are applied to the container of the text and not the individual characters.
But this also depends on other settings like responsive text, line-height, the text container class etc.
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Re: Is it possible to make a style off a transition?

Post by Fender »

Thanks.
So it isn't possible because also with html I can't choose the text which I would like to change color on scroll!
Or is there a way how to do this that I'm not aware off?
Maybe in future?

Fender
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Is it possible to make a style off a transition?

Post by Pablo »

I'm sorry, I do not have a standard solution for this.
But if it can be done with standard HTML then you can also do it in WWB and custom code.
User avatar
Fender
 
 
Posts: 127
Joined: Sun Oct 16, 2011 11:01 am

Re: Is it possible to make a style off a transition?

Post by Fender »

I found a workaround for changing text color on scroll.
You can see it here when you scroll the page.
https://www.yamaru.nl/nieuws.html
Instead of inserting text ( to wich you can't asign the transition to ) I inserted a H1 heading and this way I could asign the transition I wanted.May be this will help others.
Fender
Post Reply