Wednesday, June 1, 2011

Fitting website on Apple IPad

Hi,

Recently, we had to release an IPad version of one of our websites, an existing website needed to be converted to display on an IPad. I had a major issue when some one rendered the site from landscape to portrait and from portrait to landscape on an ipad, the site does not get auto fitted.

To overcome this issue, i had to set view port in meta tag on all my jsp pages.

I did something like this ::


<meta name="viewport" content="width=800" />


Now it renders site correctly on an ipad.. :)

Cheers,

Ujjwal Soni



Autofit textarea with dynamic text on load


Hi,

I wanted to autofit textarea rows which contained dynamic text from database on page load. I tried many plugins and other javascript tweaks. Atlast, i found a jquery plugin for this.

I did this as under::

Step 1 :: Add autogrow text area js file




<script src="<%=request.getContextPath()%>/script/jquery.autogrowtextarea.js">
</script>


Step 2 :: Call Text Area Exploder Function on page load


    $(document).ready(function() {
        $(&quot;#textAreaDescription&quot;).TextAreaExpander(); 
    
    }); 

You can download the js file from below link ::

https://sites.google.com/site/ujjwalbsoni/Home/jquery.autogrowtextarea.js

If you have any further queries, please let me know..

Cheers,

Ujjwal Soni