I Have a Silverlight Menu on a ASP.NET page,
on this page bellow the menu there's a Html Table
and bellow the table there's a dropdownlist.
The silverlight DIV is position: absolute; z-index: 999;
The silverlight App is designed with zindex in its elements, is windowless, and background transparent.
This Works fine on Firefox however in IE6 (requirement) it doesn't work, the silverlight gets bellow the html table and dropdownlist
Any help would be appreciated.
Thanks
Gabriel
I only spent a small amount of time reading up on this particular problem, but it seems that this is a problem with most z-index settings with IE6.
It appears that in Internet Explorer
(windows) positioned elements do
generate a new stacking context,
starting with a z-index value of 0 quote
I found an article that addresses this issue by setting the parent div's z-indexes as well. However, you mention that the Silverlight div has a z-index specified, but no code, so I can only guess that what you have done might be the same as in the article.
There is another article that makes use of iFrames, that you might want to look at as well.
Hope this helps you.
Well I had to solve the problem with a nasty javascript.
The think is the IFrame solved most of the problem, another part I had to remove any position: relative i had used, and there was still the ASP.NET DropDownList's that got on front of my silverilght Menu, I didn't have the time to solve this on a 'correct' way (if I can even say this). I had to use javascript to hide the DropDownList's and when the user hover out of the menu I'll show the dropdownlist's again.
this link with a working example helped me a lot.
Thanks for the help everyone that helped.
Related
I'm using react-select to create a dropdown for an open-source application which uses React/Redux and Electron. I'm using the bog-standard example code provided by react-select for this. However, when running, while the select box shows, clicking it seemingly does nothing. The dropdown that's meant to appear does not. When inspecting the HTML sources, it shows that when it's clicked, something does appear in the HTML, but this isn't visible in the app.
This is quite a large application and I don't know how much value there is in posting snippets of code; this one file alone is 500LoC. Does anyone have any ideas why this might be happening though?
The problem was the "overflow" option of the CSS was set to "hidden" by default. Setting this to "visible" in the CSS resolved this and now I the box appears as intended.
If anyone else has a similar issue, pause the application at runtime using the "debugger" command in console and check the CSS stylings of the element in question. I found this by accident but could help for future!
I'm having problems in several versions of Chrome when trying to scroll through a short (25 item) list in my app. The screen smears like so:
I've stripped the controller and ng-repeat element so that there are no watchers whatsoever. It's simply adding binding for basic attributes.
I'm also using angular ui-router, and this is inside of a ui-view.
Problem is somewhat consistent in Chrome and shows up in Safari as well. No problems in Firefox (that I can tell). Have not tested in IE.
Any idea what is causing this behavior?
EDIT
Also potentially noteworthy: this goes away on my laptop (MBP) if I plug in an external mouse. Not sure why. It is a problem on other machines too though, so not specific to my setup.
I'm able to reproduce the behavior consistently by setting height: 100% on any element being used for ui-view. I had originally done this to allow for pushed (but not sticky) footers, but will need to find a workaround.
Removing height: 100% from the ui-view elements solved this for me.
I'm a rank newbie at animations and so on in Siverlight, and have a need to create an expandable panel, which can be used as a help facility. The idea is that the screen would have a small button at the top-right, and when clicked, this would animate the width of a panel containing help info from zero to some width. Clicking the button again would shrink the help panel back to zero width.
This sounds like it ought to be really easy, and in WPF it is, but as Silverlight doesn't seem to support a lot of the functionality of WPF, I'm struggling badly here.
I looked at the expander control from the toolkit, but as far as I can see, this doesn't do what I want, as the control always takes up the same screen area. I want the expandable panel to disappear when it's not in use.
Anyone able to provide a simple example of how this could be done? Note that I'm using SL4, not SL5.
Thanks very much in advance.
If you've got access to Expression Blend, this can (almost) all be done in XAML.
This is a good place to get started
Found another SO question where someone posted XAML to do something almost identical...
Silverlight Project - Slide-in and out Panel - How?
Hope this helps someone else :)
I am not having any joy over at the Prime Faces forum on my question about IE7 and was hoping someone here might be able to help.
Basically two problems:
IE7 Z-index problem of the modal popup showing on top of the site's logo. (The logo has an absolute position to make it sit on top of the design)
The modal window does not open to the right size, it's smaller in IE8 and greater.
Problem here is that I don't have full control of the site. I basically am trying to make things work in the Developer Toolbar and then sending the changes back to the developers.
Here is a video to show the two points of issue as mentioned above.
http://screencast.com/t/aW1ecqIuNi
Many thanks
I need a WPF control that acts like the Panorama control for Windows Phone 7, but I need it for a desktop application.
It will contain a series of panels (or Panorama Items) that the application will be able to slide through horizontally programmatically.
Also, the content inside the panels not currently displayed on the screen will need to be "lazy loaded". In other words, they should be referenced but not loaded or rendered.
Can I somehow adapt the WP7 Panorama control to do this? Or will I have to develop a custom control from scratch to behave similarly to it?
Thank you!
EDIT:
I could probably use a VirtualizingPanel to implement the lazyload behaviour.
MahApps.Metro while still not super mature does allow for the wp7 Panorama control. Demo of how to use a panorama here. I've played with it a little and while its not the most customizable thing out there it gets the job done. Pretty sweet. Also Sacha Barber (Codeproject Demigod) wrote up an article on making your own. Of which I haven't looked at yet but, the guy usually does awesome work. So I'd check that one out as well.
http://blogs.microsoft.co.il/blogs/arielbh/archive/2010/10/21/porting-windows-phone-7-s-panorama-control-to-silverlight-4.aspx gives some clues about how do to this.
It suggests using http://phone.codeplex.com/ as your base and then you can use http://www.microsoft.com/downloads/en/details.aspx?displaylang=en&FamilyID=4b281bde-9b01-4890-b3d4-b3b45ca2c2e4 (Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight) to run convert get it to respond to touch.
Seems none exist as far as I can see so far.
This blog has started an attempt at making it, so you could work from there to make your own. Be sure to also check out this page which details the creation of an individual panorama item too.