Bappi D Great's Blog

It is pretty easy to embed an iPhone-optimized video in any website you are designing. Which can be a nice flourish to welcome the growing hordes of iPhone users who might be visiting your site soon. All video format is not playing in iPhone or iPad. The most commonly used format is m4v and it is lightweight too. You have to convert your video into m4v format and then have to write a little chunk of html5, yes HTML5 code. [...]

This is pretty simple to create a multi level drop down menu in css. But it’s true that it doesn’t have such flexibility that javascript have. And also the width of drop down section needs to be fixed, not flexible. Now a days css drop down menu is not widely used, but it is very useful to get clear concept of css inheritance. Let’s look at the code: Html chunks: Home Has Submenu Has Submenu Submenu 1 Submenu 2 Submenu [...]

Sometimes we need to change input type text to password type when user click on it. It should like more attractive. This is very simple. Here is the code for jQuery, just set a class name e.g. pw for that input field: $(‘input.pw’).each(function() { var val = $(this).attr(‘value’); if(val != ”) { $(this).focus(function() { var newVal = $(this).val(); if(newVal == val) $(this).val(”); $(this)[0].type = ‘password’; }); $(this).blur(function() { var newVal = $(this).val(); if(newVal == ”) { $(this).val(val); $(this)[0].type = ‘text’; [...]

Normally, we can rename the list or document library in Sharepoint CMS but from the admin panel we can’t change the url. Renaming the list doesn’t confirm that the corresponding url is also changed, the url will remain same. The easier way is to copy this list template and create a new list with it, then delete old one. But there is a problem, modified date will be changed in this procedure. Also converting such files into template is not [...]

Sometimes you may see your edit page menu is disabled for some sharepoint site page. It may happens if someone check out that page and didn’t publish. In that case it’s good idea to not touch that page until you are sure that this page is still not being edited and he published the required version. Otherwise you will be totaled :p In this case, you have to: Click on Site Actions => Show Page Editing toolbar You will see [...]

When we need to move a large list to another sharepoint site, it is really boring to create a new one. So we can copy this list template and upload it to the new site where we need it. Follow the instruction to do it? Go to Site Actions => View all site content Go to old list Go to List settings: Settings => List Settings Under Permission  and Management click “Save list as template” Give name, title and description [...]

Sometimes we need to copy a webpart in sharepoint rather than creating one. It’s because you may not have time to create one or you can’t do it. So, it’s better idea to copy a web part and change required parameters. Follow the procedure: Click on web part menus Click on Export to export the webpart Go to Site Actions => Site Settings => Modify All Site Settings (Where you want to upload this web part) Under Gallery headings click [...]

When we use jQuery fadeIn() or faeOut() function with transparent png image, in IE7 we get a weird borer around it. There are many solutions for it, but we cant say that all of those are okay to everyone. This one works for me and some other guys. Call the following function in document load. function pngFixForIE() { var i; for (i in document.images) { if (document.images[i].src) { var imgSrc = document.images[i].src; if (imgSrc.substr(imgSrc.length-4) === ‘.png’ || imgSrc.substr(imgSrc.length-4) === ‘.PNG’) [...]

This is a very simple popup plugin with jQuery. As I am a newbie, so this is for newbies. Hope it can reduce their pressure. Special thanks goes to: Anjan Bhowmik Da Adrián Mato Gondelle HTML Code: {code type=html} <div id=”popup-test”> <a href=”#popup-1″>Show 1st popup</a> | <a href=”#popup-2″>Show 2nd popup</a> </div> <div id=”popup-1″> <div> <div id=”test”> <div> <h3>1st Popup</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing condimentum augue, ac accumsan turpis tempus et. Proin vestibulum nibh eget [...]

This is a simple tooltip plugin. You have some parameter that you can use but not mandatory. This is very simple. Not a hot-&-sexy tooltip but you can work with it. Lets check the codes. HTML Code: {code type=html} What is this?Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit [...]