Quantcast
Channel: sciter » All Posts
Viewing all 6081 articles
Browse latest View live

Reply To: XP support for the version 4.2.5.0

$
0
0

DLLs from public Sciter SDK should work on XP as they are.


Reply To: Systray icon and menu integration

$
0
0

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

$
0
0

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

$
0
0

What “chart” you are talking about?

Reply To: Split: img onClick

$
0
0

sorry Line 9

$(#page).frameS = function(url){
  $(#page).Load(url)
}

Reply To: Split: img onClick

$
0
0

Not
<script type="tiscript/text">
but
<script type="text/tiscript">

Reply To: Facing Chart hover issue

$
0
0

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


Reply To: Win 10 Input background color

$
0
0

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

Reply To: Split: img onClick

$
0
0

Thanks for the help Andrew. And I corrected the another one $(#page).Load(url) to $(#page).load(url).

Reply To: Split: img onClick

$
0
0

But what is the difference between text/tiscript and tiscript/text

Reply To: XP support for the version 4.2.5.0

$
0
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

$
0
0

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

$
0
0

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

$
0
0

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

$
0
0

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?

$
0
0

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?

Reply To: Does Sciter support date format attribute?

$
0
0

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

Viewing all 6081 articles
Browse latest View live


Latest Images