Circle-Progress [JQuery widget] fully customized

[mhmda]

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 !

 

 

 

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

[mehmet07]

thanks mohammad

[epos4u]

thank you brother Mohammad

[gpaulino]

thanks mohammad

[sobakava]

looks really nice and useful. thanks!!!

[Abaksoft]

Great محمد

+1

[Fred Montier]

Thanks a lot

[d.bernaert]

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

[Ernst]

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?

[bahry]

Very Great, Thanks

[mausan]

Thanks, I will try it.

[thiagopedro]

My contribution.

 

Adapter for Unigui 1.10.0.1456

 

 

Thanks, Mohammad.

 

 

 

 

 

CircleProgress_Unigui__1.10.0.1456.7z

[d.bernaert]

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

[Sherzod]

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);');

[d.bernaert]

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

[Sherzod]

Hi,

 

I call this code on the create of the form...

 

You can try YourForm -> OnReady event instead

[zanona]

Funciona para a versão mobile ?

[Kattes]

Tipp: To make this work under mobile environment you also would need jQuery JS lib, which is not automatically loaded here.

[herculanojs]

On 7/19/2018 at 6:30 AM, Sherzod said:

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);');

How do I determine the size of the circle?

[Sherzod]

23 minutes ago, herculanojs said:

How do I determine the size of the circle?

Hello,

Do you still have a test case? Can you attach?

[herculanojs]

4 minutes ago, Sherzod said:

Olá

Você ainda tem um caso de teste? Você pode anexar?

I refer to how to adjust the size to make it small, I can't find any properties or information to change that.

[Sherzod]

4 minutes ago, herculanojs said:

I refer to how to adjust the size to make it small, I can't find any properties or information to change that.

 

11 minutes ago, Sherzod said:

Do you still have a test case?

 

[herculanojs]

3 minutos atrás, Sherzod disse:

CircleProgress.zip

 

 

[Sherzod]

20 minutes ago, herculanojs said:

CircleProgress.zip 4.34 MB · 1 download

 

I need to check.

[mdagli2003]

On 11/19/2015 at 9:38 AM, mhmda said:

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 !

 

 

http://3msoft.net/mhmd/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

sorry, how to use this widget jquery? simple code? thanks