I have sprites attached to a Panel. They are all on the Foreground Layer. I also have a Panel for FadeIn and FadeOut. That Panel is on its own FadeLayer which is in front of everything. The problem is that the sprites always show in front of the Fade Panel. I have changed layers on everything but nothing seems to work. The text that is on the same panel as the sprites don't show, only the sprites. Any ideas? Thanks
Related
Is there any way to make a widget's config and move buttons be placed at the top of the widget itself.
As it is one has to hover over a widget in order to see which one of the items in the widget zone it belongs to. This is impossible though when the content of the widget is not in the same screen space (I had to zoom out in the browser in order to get the below screenshot) unless you zoom out and then zoom back in.
In this image, there are 3 seperate widgets (red, white and green respectively) in a single widget zone.
Also, when the mouse leaves the widget the widget config/move buttons are no longer visible.
One solution is to right-click on the widget and then scroll up to the config wheel but this is not something I want to tell my editors they have to do.
Has anyone else come across this problem and if so, how did they solve it?
This can happen when you have CSS conflicts. You can use Chrome Inspector, Firebug, or IE developer tool to investigate and see if anthing is 'overlapping' those buttons (often a floating div is overlapping the buttons and intercepting the 'click')
Then once you figure out a css class to make it work, just add it to your style sheet with ".EditMode " before it, this is a special class that is on the body when in page editor.
Example:
.EditMode .MyFloatingDivThatsCoveringTheWidgets {
z-index: 0;
}
My website truptidesale.com has animation which is created using three.js on canvas. i have given background image to canvas and made position as absolute and z-index -1 so that my navigation bar will be on top of canvas. This works very well on my desktop but website does not scroll or cant click on navigation bar when i access website on iphone or android phone.
can somebody please help me to make this work on mobile? Thank you so much.
I've added a PNG animation (acting like a animated GIF) to an iBook HTML widget using CSS, JavaScript and HTML.
The problem is that there is a maximize button when hovering over the widget in the iBook preview. I want to remove this because it is only supposed to be an animation that plays when entering the page, and I don't want the user to be able to interact with it.
How can I remove this functionality from the widget?
Setting the widget width and height in your info.plist file the same as the width and height in iBooks author prevents opening in full screen when tapping on it.
I don't know if this logic works on Mac or iPhone, but it seems to work on the iPad.
my website, has some issues acting different for different browsers.
the red panel appearing under the grey buttons on bottom,seems only ff,not other browsers.
when user clicks one of grey buttons on the bottom,red panel should start under the white panel.but it starts a little bit of its left side.
the white panel on the left side on islerimiz.html(which user clicks middle button on bottom) page should be blurred.i added script for this but it is not doing blurring thing.the same script is on the iletisim.html(which user clicks rightest button on bottom) page and it is working truly.
ie6 errors:
the red point seems as a rectangle.
red panel script is not working.
the background of page and the logo's background should be the same but they seems different
the blurred panel on islerimiz.html page is not appearing at all.the bottom buttons seems true but the active button's color should be black but it seems grey too.besides little pictures should appear when mouse hover on the grey buttons,appears on open position.
the blurred panel on iletisim.html is not appearing.the pictures on the blured panel appears with shadows and shape is rectangle.also the links on that pictures is not clickable.
how can i solve this problems with css.if i couldn't solve with css,i can try jquery but my first choice is css.i have more than one javascript library on index page.but if i remove one of them,some scripts is not working.
almost all of those issues are because you are using pngs. switch them to gifs. apply them in a style sheet wrapped in conditional comments, at least for ie6, and a percentage of that list will go away. your selectivizrCSSForIEselectivizr.js is also targeting greater than ie6. i'm not sure what the red panel script exactly is, but i see you are adding webm file for ie...idk 100%, but i'll say it doesn't support that format either. convert it to media type that ie6 likes, and again, only serve this up in the ie6 conditional comments
I want to develop a new home screen application for android. I saw the default home screen in my android 2.3.3 device, when ever I swipe the home screen left and right, the background wallpaper also sliding left and right. What is that view? How to get the same effect in an app?
Is it ViewPager? I checked the ViewPager class, but I didn't found any common background image for all views in that.
You probably want to use a canvas with a draw-able, then detect the users swiping and animate it in the background. It is likely that the default android backgrounds are doing the same. You wont be drawing the unseen portions of the view.
http://developer.android.com/guide/topics/graphics/2d-graphics.html
I suggest doing their lunar lander tutorial to learn how to use the canvas first.
You will make a canvas the background to your app and then lay your other ui elements on top of it unless you make the ui based inside the canvas.