I.m using react-ag-grid version 25.3.0. showDisabledCheckboxes seems to be working in version28 demo. How can I achieve this in v25.3.0
I tried using the same property and set to true in columnDef. But the disabled checkboxes are not rendering in rows.
Related
Good morning everybody,
I have been trying to scrape this page: https://www.aftnet.be/MyAFT/Competitions/Tournaments but I have run into some problems.
Collapsed Search Form
Search Form
If you click > Recherche détaillée , a search form appears along with the OK button to run it. The markup of the page is not that great but with the following I manage to run the search with no specific search criterion set:
browser.button(text: 'OK').fire_event "onclick"
However for my current use I would need to be able to specify the date range:
browser.input(id: 'periodStartDate').exists? --> TRUE
browser.input(id: 'periodEndDate').exists? --> TRUE
browser.input(id: 'periodStartDate').present? --> FALSE
browser.input(id: 'periodEndDate').present? --> FALSE
I have tried setting the value of those using browser.input(id: 'periodStartDate').value ='03/06/2021' but to no avail.
I also tried : browser.text_field(id: 'periodStartDate').set('03/06/2021') but that also did not work.
I have come to wonder whether it was because it was not possible to set a value of an element that exists but is not present so I tried to click > Recherche détaillée with Watir to collapse the search form and then have the search fields present. But I also haven't managed to make it work using : browser.link(text: 'Recherche détaillée').click
What I truly do not understand is that:
browser.link(text: 'Recherche détaillée').exists? --> TRUE
browser.link(text: 'Recherche détaillée').present? --> FALSE
Watir basically seems to not see that anchor present when it is visible when opening the page by default.
At this stage I don't know what else to try and that's why I'm here hoping someone can help me!
Thanks in advance!
I want to get a value (content) from the CSS of a pseudo element (::before) while inside a test made using WDIO and Appium for an Android hybrid app because the designer has stored the current responsive-design state there. So my tests would know which layout (elements) to expect.
Multiple answers to related questions (1; 2; 3) indicated that using .getComputedStyle() might be the only solution. But this does not seem to work in my tests. The error is window is not defined for window.getComputedStyle(...) or document is not defined if I use document.defaultView.getComputedStyle(...). Also selectors themselves can't address pseudo-elements it seems.
Example of one of my many attempts:
document.defaultView.getComputedStyle($('body'),'::before').getPropertyValue('content')
Question: Do I need to somehow import window or document to my test? Is there some other way to get window or document from inside the test?
Ultimately: how can I get the content value of ::before of the <body> of a hybrid Android app?
Thanks to Jeremy Schneider (#YmerejRedienhcs) & Erwin Heitzman (#erwinheitzman) for help!
One solution is to use the execute function:
let contentMode = browser.execute(() => {
let style = document.defaultView.getComputedStyle(document.querySelector('body'),'::before');
return style.getPropertyValue('content')
});
Alternatively maybe something could also be done with getHTML.
I am using HighStock in angularjs code for months now and it works properly. Now awe are migrating our app to Angular 6 everything works fine but notes/flags appearing on same date overlaps each other. In Angular we had worked around for this issue using following method.
http://jsfiddle.net/p037jdyj/
But i am not able to understand, how i can use this in Angular 6
I tries to set stackOption but it didnt worked.
plotOptions: {
series: {
lineWidth: 1
},
flags: {
stackDistance: 50
}
},
Please guide.
Check highcharts-angular documentation on how to create your own wrappers. I'm not sure if you're using highcharts-angular wrapper, but it is recommended and can be downloaded here: https://github.com/highcharts/highcharts-angular. Check angular demo with your example posted below.
Demo:
https://codesandbox.io/s/p78l1lnkmx
API reference:
https://github.com/highcharts/highcharts-angular#to-load-a-wrapper
I am trying to create a Select2 box with InputMask to insert IP addresses and add them as tags.
If I use any of the libraries on its own, it works like a charm but both together results in strange behavior.
When I type in numbers, the mask is not filled but rather it seems to expand.
I changed the type of the select2 <input class=“select2-search__field“> from search to text. The Inputmask library makes this necessary, but it should not cause errors because the types are functionally identical.
I created a Fiddle to show the behavior: Fiddle
HTML:
<select multiple id="sel1" style="width:100%"></select>
JS:
$("#sel1")
.select2({
tags: true
})
.on("select2:open", function () {
$(".select2-search__field")
.attr("type","text")
.inputmask({alias: "ip", greedy: false});
})
In my local example I changed the library to support search and the behavior is the same.
Am I missing something?
There is a bad news for you if you MUST use version 4.0.5.
Fixed in jsfiddle by downgrading select2 to version 4.0.2
The main thing is version <= 4.0.2
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.js
Tried 4.0.3 onwards up to 4.0.6-rc.1 but no luck.
Opened up issue select2#5216 with select2.
I did a slight change but that has nothing to do with the problem itself.
$('.select2-search__field').attr('type', 'text');
$('.select2-search__field').attr('style', 'width: 10em;');
$('.select2-search__field')
.inputmask({
alias: 'ip'
});
I use this library in my ionic project (Cross platform mobile application), And I try to set minLength : 1 but it takes default value (i.e. 3). How can i achieve this?
Set the min-length="1" property to the <auto-complete> instead of <tags-input> to get suggestions for every character.
like this:
<tags-input ng-model="vm.tags">
<auto-complete source="vm.loadTags($query)"
min-length="1"
highlightMatchedText="true">
</auto-complete>
</tags-input>
Even I spent a few hours figuring out how to do it, it later flashed me when I read the documentation of autoComplete again.
http://mbenford.github.io/ngTagsInput/documentation/api#autoComplete