I am trying to use DHTMLXGantt on my reactJs project, and I have gone through their tutorial when setting it up. Now I want to modify it to only consider the working hours by adding gantt.config.work_time = true which seems pretty straightforward.
However, when I add it, it still doesn't display only the work time (08hr - 17hr), rather shows hours from 00hr - 23hr on the gantt as below:
Would really appreciate if anyone has tried a similar thing and got it working. Thanks a lot.
Enabling worktime won't automatically change the time scale,
you'll need to hide columns using gantt.ignore_time function
gantt.ignore_time = function(date){
if(!gantt.isWorkTime(date))
return true;
};
Related
So I read on the docs that responsiveness for amchart 4 is still currently under development, and so perhaps that explains my difficulties here.
I'm trying to create a barchart that will shrink properly without distorting how the data is displayed. I've tried shrinking the parent container with an #media rule, but that distorted the data.
What's happening: When I shrink the view (i.e. open up inspector or run the web app on a smaller machine) half the category labels on the X-axis are disappearing for some strange reason. It seems to be every other label exactly is gone.
I've tried setting:
categoryAxis.minWidth = 0;
As an approximation of v3's minHorizontalGap property but of course they aren't the same.
I've tried setting the column width in hoped that that would influence the labels.
series.columns.template.width = am4core.percent(50);
And finally I've tried setting both the whole chart to responsive, and the categoryAxis:
categoryAxis.responsive.enabled = true;
But doing this gives me the following error which I can't find support for online:
bootstrap:114 Uncaught (in promise) Error: Loading chunk vendors~responsivedefaults failed.
I'm not sure what the problem is or how to resolve it, I can't believe they'd release a version of amcharts that didn't have responsivity in this age, and so I think it has to be something I'm doing wrong.
So I found the v4 equivalent to minHorizontalGap and that has solved the problem for me.
categoryAxis.renderer.minGridDistance = 60;
It's as simple as that. I still don't know why responsive.enabled doesn't work, but this is a satisfactory solution.
This is my first post here, so I'm sorry if I'm not in the good section.
My "simple" question is, can we add a gage/gauge (I don't now the exact english spelling), in a Ionic project ?
A thing like that:
https://www.youtube.com/watch?v=w2qrYL0Le24
Or an other exemple:
http://crisbeto.github.io/angular-svg-round-progressbar/
I already tried to insert gauge like that in my project but the gauge never appears, so please, can you help me ?
(The goal is to show to an user a speed for exemple or the batterie life of his smartphone, any importance, juste a jauge who can be incremented or decremented)
Can you explain me please how it works, for example via a Codepen or anything else. I had already tried to search response but I solve anything on that.
I'm french and I am sorry for my language, but thanks in advance for you'r help !
Thanks.
I was able to get this to work:
https://github.com/frapontillo/angular-gage
You must also have the JustGage library and Raphael. Take a look at the example to see it in action. I was able to even make it work in the http://creator.ionic.io app by adding the scripts of angular-gage, JustGage and Raphael (just add a js and paste in the scripts).
I have no idea what is wrong in the simple code i have written to select a value from the dropdown. I have been watching other tutorials and code samples and i dont find any mistake in my code. Could someone please help me? I have tried running my code in Chrome as well as Mozilla(on two different OS) but still the issue exists.I am posting attachment of the html as well as selenium code.
Also, i am sure the problem is not because i have used wait because even if i comment that line or use it after loading the web page, the issue is there.
HTML
Selenium
Why don't you try clicking on the dropdown and then selecting the value.
tp.click();
and then
Select dropdown = new Select(tp);
dropdown.selectByValue("2");
new Select (driver.findElement(By.id("custtitle"))).selectByValue("2");
OR
new Select(driver.findElement(By.id("custtitle"))).selectByVisibleText("Mrs.");
I am new to ag-grid and working on implementing a requirement.I have 3 columns and 2 of them are editable. My first column contains a checkbox, on check of which i need to convert the two columns to editable.
Please note i am using ag-grid reactjs version.
Any help is highly appreciated.
Thanks.
I had the same problem more or less.. and the solution I found involved a lot of digging around the source. I don't know if there is a better (non-hacky) way of doing this.. but..
I've hooked in to the "onRowClicked" event.
onRowClicked(params) {
const clickedRow = params.api.rowRenderer.renderedRows[params.rowIndex]
clickedRow.renderedCells.myColId1.startEditingIfEnabled()
clickedRow.renderedCells.myColId2.startEditingIfEnabled()
// where myColID1/2 are from the colDef
}
It's probably too late - but it works on my machine.
I'm trying to learn enough to create a website that lets people answer quiz questions using Agile Toolkit 4.2.
I have a page that displays one question and its answer choices from the 'sampleq' model. I want to make a button that displays the next record in the model.
I've tried a bunch of different ways to get the js()->reload() command to work properly, but I haven't been able to do it. I get AJAX "unexpected identifier" error. I've been through the related questions on this site and looked for documentation on the ATK site, but I haven't found an example that works for me.
Can anybody tell me how to get the button to properly reload the grid?
function init(){
parent::init();
$page=$this;
}
function page_qlisting() {
$qid=$this->recall('value',1);
echo $qid;
$NextB=$this->add('Button')->SetLabel('Next Question '.$qid);
$grid=$this->add('Grid');
$grid->setModel('sampleq',array('question','A1','A2','A3'));
$grid->dq->where('id=',$qid);
if($NextB->isClicked()){
//$this->memorize('value',$qid+1);
$grid->js()->reload();
}
}
function page_qentry() {
$this->api->auth->check();
$this->add('Html')->set('Welcome to the question entry page.<br>');
$this->add('CRUD')->setModel('sampleq');
}
}
Edit:
After reading Romans' answer, I first tried this:
$qid=$this->recall('value',1);
$grid=$this->add('Grid');
$grid->setModel('sampleq',array('id','question','A1','A2','A3'));
$grid->dq->where('id=',$qid);
$this->add('Button')->SetLabel('Next Question')->js('click', $this->memorize('value',$qid+1))->js('click', $grid->js()->reload());
That actually works - it displays only one record at a time, and it displays the next one when I click the button. Next I tried adding a "Previous" button like so:
$qid=$this->recall('value',1);
$grid=$this->add('Grid');
$grid->setModel('sampleq',array('id','question','A1','A2','A3'));
$grid->dq->where('id=',$qid);
$this->add('Button')->SetLabel('Previous Question')->js('click', $this->memorize('value',$qid-1))->js('click', $grid->js()->reload());
$this->add('Button')->SetLabel('Next Question ')->js('click', $this->memorize('value',$qid+1))->js('click', $grid->js()->reload());
This doesn't work, though. Both buttons are decrementing. I tried laying it out like your adjuster buttons example here. Here's what my increment button code looks like in that attempt:
$incr=$this->add('Button')->SetLabel('Next Question');
if($incr->isClicked()){
$this->memorize('value',$qid+1);
$grid->js()->reload();
}
In that case, I get "Error in AJAXec response: SyntaxError: Unexpected identifier" when I click the button.
Can you offer any advice on how to make increment and decrement work with a grid (or crud)? Why doesn't the adjuster example work when you try to refresh a grid instead of refreshing the button? Thanks for the previous answer, and thanks in advance for any additional guidance that you may have time to offer.
This should be it:
$this->add('Button')->js('click', $grid->js()->reload());
If you use CRUD you might want to reload CRUD instead.