Its been a month since I wrote my last post. Much of work has been happening around planning for Tech Ed India,
the upcoming Virtual TechDays this week as well as our Developer content at
the Great Indian Developer Summit 2010. Its going to be one exciting period starting this week and I am glad I would be able to meet a lot of folks who have written to me personally that they would like to catch up at Tech Ed India. For now, I had a chance to meet
the Microsoft India Development Centre team that worked on
the Microsoft Indic Language Input Tool (erstwhile Akshara).
The team updated me that they have also released
the scripts so that
the Indic input feature can be encapsulated into your own websites. For example, if you are having a web page where you collect user information, you can pretty much make your site indic aware i.e. accept inputs in Tamil, Telugu, Kannada, Hindi etc., All you would need to include would be a bunch of scripts onto your web pages and you are ready to make it, like I said, “indic aware” I have built a sample web page that accepts First
Name, Last
Name, Address and an additional field. When it comes to accepting indic, sometimes, you may want to avoid
the indic input in certain fields and accept it in English. You can specify
the MicrosoftILITWebAttach="false" attribute to
the Text Boxes and Text Areas (TextMode=”Multiline” in ASP.NET) so that
the particular field automatically switches over to English input. Similarly,
the moment you specify that
the TextMode=”Password” to make it as a password field, it automatically ignores all indic recognition and shows
the masked dots for
the words entered. Note that, this is, when we are going for
the Opt-out mode, where we are specifying that by default all
the input controls would need indic awareness and we would specify for those controls where it is not required.
The other mode is Opt-in mode where you would need to add a different property to
the script definition i.e. attachMode=”optin” . When we do this, we need to explicitly add
the MicrosoftILITWebAttach="true" attribute for every control where we need indic input. I have created a sample web page which accepts First
Name, Last
Name, Address and an additional input field to demonstrate
the “Opt-out”. You can copy paste this into any of your web pages to check it <form id="form1" runat="server"> <!-- Microsoft Indic Language Input Tool embed code --> <input type="hidden" id="MicrosoftILITWebEmbedInfo" attachMode="optout" value="" /> <script type="text/javascript" src="http://ilit.microsoft.com/bookmarklet/script/Tamil.js" defer="defer"></script> <div> <h2> Welcome to
the Registration Page </h2> <p> First Name: <asp:TextBox runat="server" ID="txtFirstName" /> <br /> <br /> Last Name: <asp:TextBox runat="server" ID="txtLastName" /> <br /> <br /> Password: <asp:TextBox runat="server" ID="txtPassword" TextMode="Password" /> <br /> <br /> Address: <asp:TextBox runat="server" ID="txtAddress" TextMode="MultiLine" Height="100" Width="200" /> <br /> <br /> English Text: <asp:TextBox ID="txtEnglishText" runat="server" MicrosoftILITWebAttach="false" /> </p> <p> <!-- Microsoft Indic Language Input Tool attribution image link --> <a style="text-decoration: none" href="http://go.microsoft.com/fwlink/?LinkID=184205&clcid=0x409"><img style="border: 0px" alt="Transliteration by Microsoft" src="http://ilit.microsoft.com/bookmarklet/images/attribution.png"></a> </p> </div> </form> If you note
the code snippet above, I have included
the scripts in
the top with
the attachMode set to “optout” and for
the last TextBox, I have mentioned
the MicrosoftILITWebAttach="false” attribute to make it accept English input. Additionally, you also need to add
the “Microsoft Indic Language Input Tool attribution image” to your web page as a courtesy to
the team that developed this feature. It would basically add a image saying “Transliteration by Microsoft” similar to a Copy Right image. You can see
the screen shot below where I have typed it in Tamil. In that you will notice that
the password field behaves as expected and
the last field accepts English Text. You can also notice
the icon that comes in
the first textbox that indicates that,
the field is going to accept indic text. This sample is using Tamil, but you can pretty much do it for Hindi, Telugu, Kannada, Marathi, Bengali etc.,
The website for getting
the Indic script and other instructions is http://specials.msn.co.in/ilit/WebEmbed.aspx?language=Tamil You can replace
the querystring value “Tamil” to other languages as mentioned above to get
the respective script. This also works for plain HTML based websites and doesn’t necessarily need you to use ASP.NET to achieve
the functionality. Note that, this form is not completely localized. This is transliterated. You can add label controls for FirstName, LastName indication etc., and use
the Visual Studio tools to localize and get those values from resource files. In
the resource files, you can enter
the text in different languages to make this a truly localized page. If you just want to download
the Indic Tool Desktop version (that can be used for typing in Word, Excel, pretty much any input area), you can download it from http://specials.msn.co.in/ilit/ In
the same page, there is also a web version where you can type and get text then and there if you
dont want to install
the desktop version. So, go ahead, download / use them in your websites and enjoy
the power of Indic. Cheers !!!
