DLLs from public Sciter SDK should work on XP as they are.
Reply To: XP support for the version 4.2.5.0
Reply To: Systray icon and menu integration
is there an easier way to implement this functionality
With just Sciter – no at the moment. But I have plans to add systray icon support for all platforms.
Facing Chart hover issue
Hello,
I m facing issue regarding to chart when i hover on the same it become blank for DLL of version 4.0.1.1 . When i use 4.2.5.0 DLL it works fine but as i replace that DLL with Version 4.0.1.1 DLL the chart get blank when i hover over it.
Is there any change that i can do with 4.0.1.1 file so that the sample work?
kindly help me with the same.
Regards
Reply To: Facing Chart hover issue
What “chart” you are talking about?
Reply To: Split: img onClick
sorry Line 9
$(#page).frameS = function(url){
$(#page).Load(url)
}
Reply To: Split: img onClick
Not
<script type="tiscript/text">
but
<script type="text/tiscript">
Reply To: Facing Chart hover issue
Do you see any script errors in console ( e.g. in inspector.exe ? )
Anyway…
function render() uses c.opacity(0.05)
method that creates semi-transparent version of color.
And Color.opacity()
was introduced in version 4.1.0.5687, see notes for that version in https://sciter.com/sdk/logfile.htm.
So try to replace call c.opacity(0.05)
by color(c.r,c.g,c.b,16)
or something like that.
Reply To: XP support for the version 4.2.5.0
There was no version 4.2.0.5 at all.
Windows XP support was reenabled only in 4.2.1.6085, see comments to that version in: https://sciter.com/sdk/logfile.htm
Reply To: Win 10 Input background color
Try this:
<html>
<head>
<title>Test</title>
<style>
#demo {
background: gold;
color: red;
}
</style>
<script type="text/tiscript"></script>
</head>
<body>
<input|text#demo value="red on gold">
</body>
</html>
By default, on Windows, input elements are delegating rendering to Windows:
input[type=text] {
background-image: url(theme:editbox-normal); // <<<<<<
}
And using background: gold;
(Note: background
but not background-color
) will clear first all background properties including background-image and then set background-color to “gold”
Reply To: Win 10 Input background color
Neat little trick. Thanks!
Reply To: Split: img onClick
Thanks for the help Andrew. And I corrected the another one $(#page).Load(url) to $(#page).load(url).
Reply To: Split: img onClick
But what is the difference between text/tiscript and tiscript/text
Reply To: XP support for the version 4.2.5.0
Sorry, my bad!
It’s 4.2.5.0 not 4.2.0.5
In the above mentioned scenario, I replaced sciter.dll file of version 4.0.1.1 with version 4.2.5.0.
Reply To: Systray icon and menu integration
Wow!
Works great on Windows and Mac. On Linux nothing happens when i click the tray icon because of:
Error: Wrong type - undefined, expected instance of integer
at (file://trayicon-as-main-window.htm(71))
animations-transitions-css / to-intrinsic-height
Hi.
This is my take on animating to intrinsic height using classes toggle.
Anything else I should be doing differently?
Thanks.
<html>
<head>
<style>
caption
{
behavior:check;
}
div#more,
div#more.hidden
{
visibility:collapse;
height:0dip;
transition: height 0.4s;
}
caption:checked
{
}
div#more.visible
{
visibility:visible;
height:min-content;
overflow-y:hidden;
}
div#more:animating
{
visibility:visible;
overflow-y:hidden;
}
</style>
<script type="text/tiscript">
event click $(caption) {
if(this.checked) {
$(div#more).attributes.removeClass("hidden");
$(div#more).attributes.addClass("visible");
} else {
$(div#more).attributes.removeClass("visible");
$(div#more).attributes.addClass("hidden");
}
}
</script>
</head>
<body>
<h1>Extended transition property demo</h1>
<p>Animation from height:0 to height:min-content</p>
<div style="width:50%;margin:4dip *;" >
<caption>Click me!</caption>
<div id="more">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</div>
</div>
<hr>
</body>
</html>
Reply To: animations-transitions-css / to-intrinsic-height
And what is the problem? It works here as you defined it…
BTW: that expanded/collapsed case is so frequent in desktop UI that I added :expanded
and :collapsed
states and selectors:
<html>
<head>
<style>
caption
{
behavior:check;
}
div#more
{
visibility:collapse;
height:0dip;
transition: height 0.4s;
}
div#more:expanded
{
visibility:visible;
height:min-content;
overflow-y:hidden;
}
div#more:animating
{
visibility:visible;
overflow-y:hidden;
}
</style>
<script type="text/tiscript">
event click $(caption) {
if(this.checked) {
$(div#more).state.expanded = true;
} else {
$(div#more).state.collapsed = true;
}
}
</script>
</head>
<body>
<h1>Extended transition property demo</h1>
<p>Animation from height:0 to height:min-content</p>
<div style="width:50%;margin:4dip *;" >
<caption>Click me!</caption>
<div id="more">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</div>
</div>
<hr>
</body>
</html>
Reply To: animations-transitions-css / to-intrinsic-height
No problem, I was just looking to peer review the code.
As usual, I got excellent advice!
Awesome! Thanks again.
Reply To: Does Sciter support date format attribute?
Hey,
I know this is an old thread, but I’m trying to format the date as DD-MM-YYYY and I can’t seem to achieve this. It always displays the date as MM-DD-YYYY, even though my computer’s locale is set to en-uk. I’ve even tried setting the lang attribute to “en-GB” to no avail. What should I do?
Reply To: Does Sciter support date format attribute?
According to this table: https://gist.github.com/mlconnor/1887156 en-GB locale uses dd/MM/yyyy
format.
Try Dutch format :
<input type=date lang="nl">
Is this about Sciter, BTW?
Reply To: Does Sciter support date format attribute?
Try Dutch format :
I just tried this, and it doesn’t work. Sciter keeps displaying the date in the us format (MM/DD/YYYY)
Is this about Sciter, BTW?
Yes, I’m currently using sciter 4.3.0.6 with go-sciter on Ubuntu 18.04