I've tried every option in the Pathfinder tool. No luck there. I have a red bar overtop an icon that has a circle as a background. I'd like to remove the sections of the red bar that overlap the circle. The objects are on the same layer, and I'm selecting the circle and the red bar before I click on the various Pathfinder options.
Any suggestions as to what mistake I'm making? Thanks.enter image description here
Answer noted above:
I figured it out. "Minus Back" in Pathfinder works. The reason I didn't see it when I first chose Minus Back is that I assumed ALL the overlapping sections would be deleted automatically. Minus Back just cuts them into new objects. You have to select them and delete them. Another reason I didn't see the result of the action is that I wasn't zoomed in close enough to notice that MB had cut new paths. It pays to be zoomed in at the overlap when you're using Pathfinder.
Related
I'm currently coding a design mockup into HTMl and I'm trying to figure out the best way to achieve this look responsively. As you see, there's a purple line that stems from the hero CTA button in the bottom right corner. How would I go about changing the line color when it enters the new section; purple to white?
I thought about making two separate lines, but It's difficult to always have them line up right. I wonder if there's some sort of masking trick?
I added a red circle to show the interlacing I'm having issues with.
Screenshot
I am trying to create a specific solution for weeks now and I have tried many things but I am just not sure if it is possible at all to achieve. I need your opinions and point me in direction o a correct approach. Following what I am trying to create:
Initially there is a tile layout in which a certain number of cards (say 12) are placed in 4x3 grid:
Now, if user clicks on a tile (Box 3), the state changes to following:
Selected tile is expanded and other tiles get aligned one below another on the right side:
Challenge is that I want to create a transition from every tile's initial state to the state where every tile is aligned one below another on the right. At the same time, when a tile is clicked it is expanded in place.
Note - there are no sudden change in positions, no reload of page and preferably no JS (I wanted to write a CSS-only solution). Everything smoothly animates to new position. From the second screen if a different tile is selected (from right), then the expanded item will shrink and go in to the right hand stack while the selected item will expand and take place of the currently expanded (B3).
If you could just point me to correct direction it would be great help.
thanks.
You should check css flexbox.
Using the "order" proprety, you could asign order of every box from 2 to 8,
and each time a box is selected, you change it's order to 1 and you also change its size and colour.
However, I don't think you can use 'click' actions with css only.
I would recommend using JS for what you are trying to achieve.
Hope it helps
I would like to create an sunburst effect as in the attached image. I want the flare to be from bigger to smaller (top to bottom)Click here for image. I can get the vice versa effect but i wanted something like in this image Click here for sample image. Please guide me how to create it. Thanks in advanced.
Make a star with a 0 inner diameter and as many points as you want
"bursts".
Put a rectangle over the star but not past the points of
the star.
Select them both and click divide in the pathfinder
pallet.
Ungroup the resulting paths.
Select every other triangle and delete it.
yay!!! sunburst.
I have an mx:Tree, but when the vertical scroll bar appears, it overlaps the content of the tree (odd that the horizontal bar does not). That might be acceptable for the text, but the stripe that I create using the item renderer, for certain items, seems to make it an anathema to the QA guys. How can I keep this from happening?
I have an idea for a workaround: I could make use the item renderer to stop the drawing a little bit short of the right side of the view (not that I can reliably get the width of a scroll bar) but I can't even figure out how wide the displayable part of a tree is--all the properties of a tree seem to be about its entire width, which includes the entire area coverable using the horizontal scroll bar. However, the blue stripe signifying a selected item doesn't seem to have that problem--it stops short of the scroll bar. In any case, when trying to find the displayable region, I don't know if I could handle the added complication of when the horizontal scroll bar is moved. Much better if someone could tell me how to put the veritcal bar outside the displayable tree area (or shrink the displayable area, of course). Thanks.
I'm using the Flex 3.5 SDK
I was able to find the solution when researching horizontal scrollbar issue on list and tree component. The blog to which it links eventually shows a kind of hacky solution (in the readers' comments) that shows how to make sure that none of the drawing is done beyond a certain boundary.
We are using Plone 4.1.3. When we go to the Contents page of a folder, there appears to be Up and Down arrows in the first column of the table in the page for a split second. I suppose these Up and Down arrow are for changing the display order of the items and subfolders inside the folder. Since these arrows are now gone, there is no way we can change the display order of an item in a folder. Instead Up and Down arrows, there is just a icon showing 2 columns x 4 rows of tiny dots which does not respond to mouse click. Is this a bug?
Thank you very much in anticipation.
cmgui
Rather than clicking quickly, click-and-drag those 2x4 tiny dots up and down. You can drag items anywhere in the table.
With JavaScript turned off you'll see Up and Down arrows. Clicking one will move the item one place up/down. The split second change you see is your browser loading the JavaScript that replaces the up/down arrows with the draggable dots.