Hamburger Side menu and Home Icons showing Imoji's while loading (Sometime) - hamburger-menu

Please see this image. On responsive website, the Side menu and Home icons some times shows as Imoji's. The icons used are from Icons library : font-family: feather
See the screenshot of the situation in attached in image

Normally icon fonts are still accessible by letters, find the appropriate letter and set the button text and font.
let button = UIButton(frame: CGRect.zero)
button.titleLabel?.font = UIFont(name: "feather", size: 50.0)
button.setTitle("A", for: .normal)

Related

Hide Scrollbar in Oracle Apex Navigation Menu

Hopefully someone can help me here.
I'm working in Oracle Apex and have a side navigation menu which expands and shrinks. In both versions there is a visible web browser vertical scroll bar.
Is it possible to hide this but still maintain the scroll feature?
For example this sample application I found online (https://apex.oracle.com/pls/apex/f?p=42599:1::::::) contains the same functionality but without the scrollbar present. Looks a lot cleaner and doesn't get in the way of text / icons etc.
Here is a picture to show both systems.
Thank you
If you want this behaviour throuhought the application, define the below CSS code either on the page 0 or in a global CSS file.
/* Hide scrollbar for Chrome, Safari and Opera*/
.t-TreeNav::-webkit-scrollbar {
display: none;
}
/*Hide scrollbar for IE, Edge and Firefox */
.t-TreeNav {
-ms-overflow-style: none; /*IE and Edge*/
scrollbar-width: none; /*Firefox */
}

Website does not click or scroll after adding threejs canvas animation

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.

Remove maximise button on iBooks HTML widget

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.

Why does my icon show up inside jigsaw puzzle on Chrome Web Store?

I have followed the guideline to provide a 128x128 icon with blank 16 pixels padding. Why cannot I display my icon with full size as other extensions?
Here is how my extension icon looks at top-left corner:
https://chrome.google.com/webstore/detail/save-to-mappingbird/ipjijcfmgfehpiiigjgjdgkldeligkfo?hl=en-US
Here is how Wunderlist icon looks:
https://chrome.google.com/webstore/detail/wunderlist-to-do-and-task/fjliknjliaohjgjajlgolhijphojjdkc?hl=en-US

Splash screen in Windows Store apps

I am developing Windows Store Apps for Tablet using VS2012. Right now i am creating splash screen for my application. My requirement is the splash screen should be display full screen in my app.
but it is working as Center of the screen. Can any one help regarding this...
The answer is that there is no way to create an official splash screen that is full-screen. A splash screen has to use a 620 x 300 pixel image, where it is a normal splash screen or an extended splash screen. However, you can match the background color around the splash screen to the color of the splash screen image (using the instructions you already found), which makes it appear like a full-screen image, even though much of it is just color.
AFAIK a splash screen has to be centered, but maybe a valid work around would be to create a start page (regular xaml) and have this one displayed as initial screen as soon as the splash screen is gone.
But this would mean that your startup time has to be quite fast.
Maybe it's an option for you.
Open the "package.appxmanifest" manifest file.
The manifest should automatically open in the Microsoft Visual Studio Express 2012 for Windows 8 Manifest Designer.
Open the Application UI tab and scroll down to the Splash Screen
section. If you are still using project defaults, you should see the
"images\splashscreen.png" path in the Splash Screen field. If you
open "package.appxmanifest" in a text editor, you should see
SplashScreen element as a child of the VisualElements element. For
example, the default splash screen markup in the manifest file looks
like this:
XML
{ <SplashScreen Image="images\splashscreen.png" /> }
Change the splash screen image by using the Browse... button and
confirm that the image was added to your Visual Studio project.
Important The splash screen image you choose must be 620 x 300
pixels using a 1x scaling factor.
In the Background Color field of the Splash Screen section, set the
background color to display with your splash screen image. You can
enter either the name of a color or '#' and the hex value of a color.
Setting a background color for your splash screen is optional. If you
do not specify a color, the splash screen background color defaults
to the Tile background color (the color in the Background Color field
of the Tile section in the Application UI tab). If you open
package.appxmanifest in a text editor, the Tile background color is
specified via the BackgroundColor attribute of the VisualElements
element.
my workaround is make a 620x300 splash .png image with alpha background, so its not a full 620x300 image. the image itself is just a 300x300 logo. my suggestion is just make a small center image (your app logo or something else) and make it blend to the background (gradient or alpha)

Resources