I am styling my theme on omega4.
On one page I got gallery with 6 elements in 2 rows.
So it looks like
4 elements
2 elements
Each element has class:
.l-content .node{
#include span-columns(4, 16);
#include nth-omega(4n);
}
The problem is that susy starts giving nth-omega style from first and each next 4 node.
I also tried 3n+1, 2n+2 but still same effect.
Related
Hello guys I put 4 images in a json and tried to loop through them with map function but i want it to get back to the line every time it renders 2 how can I make that ?
like on the first line it renders the first two with the flex direction = row then it gets back to the line and renders the other 2
You can use a FlatList and define numColumns
I need use selenium to located two elements. However, they both have same span class name. My code:
select_button = driver.find_elements_by_xpath("//span[#class='mat-button-wrapper']")
The issue is: I can this command 10 times, 6 times it locates my element, ( select button), but the other 4 times, it landed on the other button. How do I make sure it is 10 out of 10 times it will located my "select " button?
In case there are 2 elements with the same xpath as you mentioned you can use (//span[#class='mat-button-wrapper'])[1] xpath to access the first element and (//span[#class='mat-button-wrapper'])[2] for the second.
However I guess it's possible to locate the desired element with relation to some other element. I will do it if you present the web page link.
I am having a really hard time understanding the following problem, i have an app, i use appium inspector to see the elements, but when i use the elements, i get that the element is not found, therefore i printed the code using the driver.getPageSource() method, and i realized that the xml code that is created while running the app, is actually different to what appium inspector sees, what is the problem and how can it be solved? i could ask to the developers to fix it once i know the root cause, thanks in advance.
This is an example of a difference
Under < XCUIElementTypeOther name = Picture, Left Rear Corner> there are 4 more elements 2 StaticText, 2 Buttons (appium inspector) and on the the same element but in the java console, there are only 2 tags, so i do not see the 2 static text and the 2 buttons (which is what i want to click)
As you can see the code in the console is different to what i see in appium iinspector. this is for IOS app.
while (driver.findElementsById("Additional Videos").size() == 0) {
swipeScreenDown();
}
driver.getPageSource();
WebElement additionalVideos = driver.findElementByXPath("//XCUIElementTypeOther[#name=\"Picture, Left Front Corner\"]");
driver.getPageSource();
List<WebElement> idf = additionalVideos.findElements(By.className("XCUIElementTypeButton"));
driver.getPageSource();
System.out.println(idf.size());
driver.getPageSource();
idf.get(0).click();
driver.getPageSource();
Error got:
java.lang.IndexOutOfBoundsException: Index: 0, Size: 0
PageSource() action can print the visual elements at the screen.
As per my understanding, You are currently performing PageSource() action when loading the screen.
You need to click at the selected element
After click on this element use PageSource() action.
You get that element in the log of the PageSource().
I am testing a Java 7 web application developed with Vaadin 7 and I used to calculate the total number of rows in a table with the following code:
WebElement table= driver.findElement(By.xpath("//* [#id='grdEvRequestSearchView']/div[3]/table"));
List <WebElement> gridrow = table.findElements(By.tagName("tr"));
int rowNumber= gridrow.size();
Now the new version of the application put in a page a Vaadin grid component instead of table, now what I obtain from the count is the number of elements that currently visible: if I have a grid of 50 elements and only 10 are visible I obtain 10 and not 50 as I got in the past when table component.
Is there any way to get the effective count of rows and not the visible ones?
Andres
You cannot get the number of rows in Grid with Selenium. The idea of Grid component is that rows are being reused and new data is being fed to them. That makes the component lighter in DOM compared to old Table component in Vaadin.
With Vaadin 8 and TestBench 5 product you could check the real number of rows ( see API here: demo.vaadin.com/javadoc/com.vaadin/vaadin-testbench-api/8.0.2/… ), but unfortunately getRowCount is not in Vaadin 7 / TestBench 4.
Bootstrap only recognizes the span1-span12 classes but not the col-#-# classes! Meaning, if have 3 divs with the span4 class, my row will be divided into 3 divs. If I use the col-md-4 class, all 3 divs will appear as stacked no matter what. Anyone have an idea why?
Thanks!
Make sure you're referencing Bootstrap 3 if you want to use col-*-*
span* are for Bootstrap 2
col-*-* are for Bootstrap 3
Here is a useful What's New in Bootstrap 3 guide to see all of the differences between 2 and 3
You are using Bootstrap 2: http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem
If you want to use col-#-# classes, you need to use Bootstrap 3: http://getbootstrap.com/
Bootstrap 3 scaffolding: http://getbootstrap.com/css/#grid