Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » scout » Issue Resizing Custom Fields
Issue Resizing Custom Fields [message #1796234] Mon, 08 October 2018 14:37 Go to next message
Oueslati Anis is currently offline Oueslati AnisFriend
Messages: 32
Registered: June 2014
Member
Hello ,
I am facing an issue with setting up the correct size of some custom fields I set,
I created some charts using charts.js library and putted them inside a Form, the form is a horizontal Grid Layout with 2 column
the upper fields are correctly set but the 2 field down have problems please take a look on the image, mainly the donouts.


ech field has this in the configuration :
                                @Override
				protected int getConfiguredGridH() {
					// TODO Auto-generated method stub
					return 2;
				}

				@Override
				protected double getConfiguredGridWeightY() {
					// TODO Auto-generated method stub
					return 1;
         			}


for the donout charts I have a layout.js file and it contain the following code :
var ctx  = document.getElementById("piechartField");
	$('#ctx').css({'width':'100px','height':'100px'});
	$('#htmlContainer').css({'width':'100px','height':'100px'})


This is not giving any result, the donouts is not fitting to the boxgroup.

Any idea ?

Kind Regards
Re: Issue Resizing Custom Fields [message #1796291 is a reply to message #1796234] Tue, 09 October 2018 16:43 Go to previous message
Claudio Guglielmo is currently offline Claudio GuglielmoFriend
Messages: 180
Registered: March 2010
Senior Member
Hi

Maybe you just need to set the option maintainAspectRatio to false (see http://www.chartjs.org/docs/latest/general/responsive.html).
And I don't think you need the code in layout.js. If the option responsive is true, Chart.js should automatically adjust the size of the canvas based on the size of its container. At least that is how I understand the responsive option.

Alternatively you could disable the responsive option and use a custom layout to set the size of the Chart.js canvas. I am not sure if scout.SingleLayout would work because of the canvas and its different sizes (render size, display size).
Previous Topic:Maven Plugins error after creation of new Scout Project
Next Topic:Exception Permission denied
Goto Forum:
  


Current Time: Fri Dec 13 10:52:39 GMT 2019

Powered by FUDForum. Page generated in 0.01440 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top