is it possible (in chrome css dev tools) to advance to hyphen delimiter or go down in the suggestions list with a key closer than left arrow? - css

what I want to do:
in any css rule, if I type 'm' I get 'margin' and a list of items in the shape 'margin-foo':
.
element.style {
margin: ;
margin-block
margin-yadda
margin-what-not
at this point I can either press 'tab' so I'll get 'margin', or displace hand to the right, press the right arrow key and select any other option. If I try instead further letter inputs, they add up after the first 'm', and I find no way of advancing for example to the hyphen so i can choose any of the 'margin-' variants.
Or is it? Am I missing any magic key? I tried many options to no avail, and googled it, nothing. Not that its that important, but I'd like not to loose focus like I do when i break the workflow to choose with that arrow...

Related

Can I add a css style in the formula editor in crystal report

In crystal report:
right click on a field -> edit formula. I can add some html elements.
example
<u>
IF {myobject.myfield} = "something" THEN
blabla1
ELSE
blabla2
</u>
Is there a way to add a css font style?
I would like to underline the whole line. Not only where there is text
You can use something like this:
IF {myobject.myfield} = "something" THEN
<u>blabla1</u>
ELSE
</u>blabla2</u>
But that would require turning on the 'Interpret as HTML option.
Why not simply format the formula object with underline?
Even with a CSS style, it will still only underline the text and will not extend the underline beyond.
I see two other ways to accomplish this though.
Make the field the entire width of the area that you want to be underlined, then add a bottom border to the field or text object.
Use the line drawing tool to add a horizontal line to the report where it is needed.
It doesn't give a solution to the mentioned problem. But it give a solution to the problem that leads to this problem, i.e., underline the whole line.
select the feld, click on underline. In "edit formula", add space(N) before each line break. With N is a big number

NG Zorro Multi Select - keep selected items on one line instead of wrapping and doubling height

Anyone know if there is a way to make the ng zorro select (multi) to stick to one line instead of wrapping the selected items. In some scenarios its fine but when you have certain layouts you cant have the height doubling on each selection.
There is a codebox demo here: https://codesandbox.io/s/2lp2n (reduce the size of the view panel to see what i mean).
I have tried pretty much all i can think of (adding css to the select and select top classes to try and force it to stay on one line but it doesnt seem to work). I wanted to ask here first to see if anyone has any ideas since their git would normally close a question and ask me to come here first.
Thanks
In the end i just had to add:
flex-wrap: nowrap !important;
to nz-select-top-control

Sikuli gets confused between 2 identical buttons

I have identical buttons on the same page and I want Sikuli to click only one of those but it ends up clicking the other name sake button. Unfortunately, the button names cannot be changed. Any suggestions on how I could handle this situation?
Thanks!
You can tell Sikuli to operate on a particular region on the screen relative to a given image/screenshot object. This is called TargetOffset. Refer here assuming you are asking about using sikuli programmatically. From Sikuli IDE, double click on the screenshot image and it brings up a window where you can set accuracy and targetOffset.
If the two icons are close together, and will always appear the same way, and the space between them will always appear the same, then a
click(imageOfTwoIcons).targetOffset(x,y)
is probably the simplest way to go. But, if there is anything that would make this method unreliable (anything between the two icons ever appears differently than when you are making your screen capture of them)--
You could also use the python sorted() function to sort the images by their position. For example, if one image is always above the other, then you could find both images and sort them by their y coordinate, like so:
#a little prep for the sorted function to get the y coord of the icon
def byY(icon):
return icon.y
#findAll() on your two identical icons and make them into a list
bothIcons = list([x for x in findAll(icon)])
#then sort them
sortedIcons = sorted(bothIcons, key=byY)
iconOnTop = sortedIcons[0]
iconOnBottom = sortedIcons[1]
#then click on the one you want
click(iconOnTop) #or save a line and say: click(sortedIcons[0])
The same can be done if you know that the icon of interest is always left or right of its twin:
def byX(yourTwoImages):
return image.x
bothIcons = list([x for x in findAll(icon)])
sortedIcons = sorted(bothIcons, key=byX)
click(sortedIcons[0]) #for the image on the left
I like this better than working with regions if the two icons are very close together on the screen, or if it's possible for the icons' placement to ever change.
you can enlarge the buttons image, so that the image will include more than just the image, but also the background around it (if you can be sure that the background is not changing) but remember that sikuli clicks on the center of the image, so make sure that the button is in the center.
another option is to click using offset (http://doc.sikuli.org/tutorials/checkone/checkone.html)
use something like this:
this.offset = 15;
org.sikuli.script.Region reg = screen.find("image").left(this.offset);
screen.click(reg);

How to select an element among others all having same css value in webdriver?

I have a tree structure, which has expandable icons but all having same Css value. My objective is to parse through different rows and once i found a desired element, i will click on the expandable icon associated to it..
I am able to parse the tree and reach the desired element. But whenever i tried to click on the expandable image icon [let say 4th icon] using css value, it always select the 1st icon
You could use GetElements instead of GetElement and then iterate through the collection, but it seems this could be solved more easily with a CSS selector using nth-child: http://www.w3schools.com/cssref/sel_nth-child.asp

Background and foreground colors for brace highlighting

Current functionality just outlines the matching brace which is hard to see. How would I change the foreground and background colors as well so the matching brace appears over a solid block?
Aptana Studio 3
This is something that Aptana inherits from Eclipse, which is hard-coded to draw a rectangle around the matching pair character. So, unfortunately, this is not something you can change right now.
For tag pair matches in HTML/XML (the tag open/close pair, not the less than/greater than), you can modify how it's displayed in Preferences > General > Editors > Text Editors > Annotations.

Resources