I would like to see the edges of all elements in my html page. That way it is clearly visible what you are doing at any time. Currently I need to click an element to see it's bounding box, which is time consuming if you need to click a lot of elements. Is there an option I need to click to see all the bounding boxes of elements all the time?
Figured it out. You need to be in Design mode to see element boundaries.
Related
For instance, I have a body with a hollow area which is not visible from the outside. What's a good way to view the whole body, visualizing all of the surfaces, especially when there are voids within the body? Is changing the opacity the only way? I was hoping there would be a wireframe view, but I haven't been able to find a way to toggle one, if it exists.
Also, to change the opacity, I have to turn the body into a component. Is there a way to do this without having to make a permanent modification like that?
Another way I've found is to use Section Analysis to see a cross section, but that's not great for getting a view of everything at once.
At the bottom of the view, there is a toolbar. Click on the monitor icon, then choose Visual Style, Wireframe in the menu:
Wireframe with Hidden Edges should be the most appropriate in your case.
So, when I have some items with html content in it, and the fx = scroll, direction = left, the first item scrolls left, the container remains empty, then quickly the second item appears.
If I use images only, one image is one scrollable item, the items follow each other smoothly, so when the first item moves left, right after the second item also comes in from the right side.
Any idea what should I set, to make the plugin work properly?
My guess is its something with the width settings of an item, but I tried several settings, no one was good.
Thank you
Maybe your item is to big for the container? or someting with position absolute/relative? Coudl you show me some of your code (and images/div sizes?)
I found the solution (in stackoverflow). I have to use float:left on the div elements I want to scroll. Now they follow nicely each other.
#subdesign,
As nicely quoted by #RunningFusion may your item be too big for the container.
Try width: "100%" instead of specifying the width in px.
I am currently using isotope to organize my portfolio. I found that if I decided to place elements inside an isotope item and make these elements' position as fixed, they will not displace fixed on screen. Instead, these elements will use the isotope item's x and y position as the initial screen position. For instance, if I place an element as position:fixed and left:0; top:0; this element will not display on the top left corner of the screen. Instead, it will display on the top left corner of the isotope item.
Another issue I encounter is that the z-index of the element inside of the isotope item is not independent. If I give the element a greater z-index than other isotope items, say if the element has the z-index of 100, and all isotope items have the z-index of 10, the "portfolio_display" will still display behind all isotope items.
To explain what I am trying to achieve:
I want to make the isotope items become clickable, and when it is being activated, a full screen portfolio display will show up and take over the screen.
I do know plugin such as lightbox 2 will work. However, I like to have my portfolio display have much richer functions than lightbox 2. I want to put case study, images, videos, in the full screen mode, and each screen can be format like web page. So my method is to put multiple formatted divs into an isotope item, and use javescript (written by myself) to control their visibility and scrolling. This method works until I started integrate isotope to my portfolio.
I imagine isotope created a little "web page" inside of the bigger "web page" so it dictates the z-index and the position inside of its own. I like to know if I can disable isotope's dictation to its sub elements without breaking its great functionality.
Thank you.
For your full-window display purposes, you can change the modal overlay technique in this demo to your purposes. No plugin needed, you can put whatever you want to show in there, not just use it as an easy self-made modal.
Basically, I have an usercontrol as main container, inside which I have a few groupboxes and buttons. But, my interface controls will not be resized and positioned properly as what I expect in design interface.
I've already tried to change the anchor and dock properties but none of them serve my purpose.
I searched online and found something called viewbox in WPF, I'm wondering if there is something like "viewbox" in visual studio 2010?
Please help!
Try using TableLayoutPanel container and put your controls in it. It is similar to the idea of table in HTML where it is divided to rows and columns each one of them can be set to either a set of pixels or a percentage. Usually if you want to use re-sizable form, usually you should have a control that will give you good results when stretching such as image, multiline textbox etc... In addition, put the dock property to fill to get the stretching you want.
I hope this info was useful for you.
I have 5 Lists in my Form. They are hidden and when I show one of them, the focus go inside the List and the Form doesn't scroll. I want to show all the List, navigate across it and keep my Formscrolling showing that List.Is there any way to make a Listno scrollable?
EDIT/CLARIFICATION
I show a Form with a Button. When I press this Button a List is showed under the Button. When the focus enter inside the List, the Liststarts to scroll, but the Formdoesn't, and I can't see the other elements. What I want is...a List no scrollable and a Formscrollable that let me see the rest of the List.
By munon at 2012-02-03
In the photo, you can see, the CheckBoxes are in the List. This List has a scrollbar but is his scrollbar not from the Form.
There is no way to make a list none scrollable but that shouldn't matter. If your form is scrollable and uses the correct layout (e.g. BoxLayout Y), then everything should just work (assuming you revalidate after adding a new list).
Personally I would use Components/Containers rather than lists for a design as elaborate as this. They provide lots of advantages over lists such as more refined focus/touch behavior.