Posts

Showing posts with the label HTML

NiceAdmin and bootstrap-switch.js style issue - Fixed - No Style applied to switch

Image
I have been Googling for a couple of days to find a solution to this issue. The NiceAdmin demo clearly show the BootStrapSwitch having styles applied, but using the same code and styles, it is not working on our server. Only I go this instead of the switch: I checked many solutions that are shown, but none of them worked. The error in JS is as below: TypeError: $(...).bootstrapSwitch is not a function $('.switch')['bootstrapSwitch']();

Printer friendly page

Usually we see links in web pages to show another version of page that is printer friendly. But, we can create a page such that it will display correctly in browser, but while printing, we can decide which all content to be printed. This is achieved with CSS. The method is simple. You create a style sheet such that the content that you do not want to appear in print will be given the attribute 'display:none'. This style sheet is add to you page with an additional attribute media="print". So, when the user choose to print the page, this style sheet will be considered and the content that are given the display:none attribute will be hidden. http://envisionic.com/webtips/user_experience/printer_friendly.php

Flash Movie always on top in browser

If you happen to embed a Flash / Flex .swf file in a HTML page and also put a full screen Div over the content, you could probably see that the flash file is on top of the Div even though you set the z-index of the Div. The solution is simple. Add the wmode param while setting the swf Object to the page. This will make the flash file appear below your Div.