Jump to content
uniGUI Discussion Forums
mhmda

Circle-Progress [JQuery widget] fully customized

Recommended Posts

Hello to all,

 

[Edit]: code/project was improved and uploaded.

 

Here is a jQuery widget with animation and fully customized and fully responsive that I have written recently:

 

Works excellent when resizing the browser window !

 

 

crcl.png

 

Code:

$('#newTasks').circleProgress({
  title:'15',
  caption:'New tasks',
  bgcolor:'#e1dddd',
  fgcolor:'#54c0fd',
  tfntcolor:'#54c0fd',
  cfntcolor:'#b0aeae',
  animationstep:1,
  rotateanimationstep:0.4,
  total:100,
  value:30,
  mstyle:0,
  thik:25,
  shadow:1
});

You may test is online (for limited time): http://80.179.68.220:8076

 

You can download project from here [port: 8076]: http://3msoft.net/mhmd/CircleProgress.rar

  • Upvote 6

Share this post


Link to post
Share on other sites

Hi,

 

I'm trying to use this, but when running the application I always get a message from the browser: UniSyncObj.initEncode is not a function.

 

Does anybody have an idea what I'm doing wrong?

 

Thx,

Bernaert Dominique

Share this post


Link to post
Share on other sites

Hello, im trying out the evaluation version of unigui because i want to create a webportal. I found your great circleprogress but don't understand how to use it. if i copy the htmlframe, and put it on the mainform is shows fine, if i put it on a tab wich is not visible, and then activate the tab it doesnt show correctly..

Can u tell me what i am doing wrong?

Share this post


Link to post
Share on other sites

Hi,

 

I have probably a stupid question.

The title and the caption are changed in the click event from the button component.

How can I do this straight from Delphi code?

I read the numbers from the database and would like to send the correct numbers to the component straight from Delphi.

Is that possible?

 

Thx,

Dominique

Share this post


Link to post
Share on other sites

Hi,

 

Like this for example:

UniSession.AddJS('$(circle1).circleProgress("title", 50);'); 
UniSession.AddJS('$(circle1).circleProgress("caption", "new caption");');
UniSession.AddJS('$(circle1).circleProgress("value", 50);');
UniSession.AddJS('$(circle1).circleProgress("total", 100);');

Share this post


Link to post
Share on other sites

Thx for the feedback, that works nicely.

I have one more problem.

I call this code on the create of the form, I perform the calculations and then add the UniSession.AddJS lines.

Problem here is that the objects don't exist yet I think, I get an error that the object is not defined.

It works well when I do this from a button on the form when the form is already displayed.

Is there a way to wait until the object is created and then call the UniSession.ADDJs?

 

Thx,

Dominique

Share this post


Link to post
Share on other sites

Hi,

 

I call this code on the create of the form...
 
You can try YourForm -> OnReady event instead

Share this post


Link to post
Share on other sites

×