Friday, December 20, 2013

Simple way to Design Tabs in ASP.NET

Referred URL - http://www.codeproject.com/Articles/313197/Simple-way-to-Design-Tabs-in-ASP-NET

This is very simple to Implement.
Basically there will be two CSS styles.
One style will have an initial Background image and another style will have a different Background image to highlight the active Tab. On each button click, the CSS style of the button will be updated from Code Behind.
Below are the simple steps to understand this.
1. Use two images, one for initial styling and another to show the Selected Tab. (I used MS Paint to create these images. Doesn’t require much of skills)
InitialImage.png (Shown Initially)
SelectedButton.png (Shown on Selected Button)
2. Create two different styles, one to show up initially (.Initial and .Initial:hover - to change the style when the mouse pointer is moved over the button) and another to show the Selected Tab (.Clicked).
  <style type="text/css">
  .Initial
  {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    background: url("../Images/InitialImage.png") no-repeat right top;
    color: Black;
    font-weight: bold;
  }
  .Initial:hover
  {
    color: White;
    background: url("../Images/SelectedButton.png") no-repeat right top;
  }
  .Clicked
  {
    float: left;
    display: block;
    background: url("../Images/SelectedButton.png") no-repeat right top;
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;
    color: White;
  }
  </style>

3. Create ASP.NET Buttons corresponding to each tab and set the background Image to the initial styling.
a. For each button ensure that the BorderStyle is set to "None" so that it looks like an image and not as a button.
4. Create a Multi View Control and different views corresponding to each tab.
  <body style="font-family: tahoma">
  <form id="form1" runat="server">
    <table width="80%" align="center">
      <tr>
        <td>
          <asp:Button Text="Tab 1" BorderStyle="None" ID="Tab1" CssClass="Initial" runat="server"
              OnClick="Tab1_Click" />
          <asp:Button Text="Tab 2" BorderStyle="None" ID="Tab2" CssClass="Initial" runat="server"
              OnClick="Tab2_Click" />
          <asp:Button Text="Tab 3" BorderStyle="None" ID="Tab3" CssClass="Initial" runat="server"
              OnClick="Tab3_Click" />
          <asp:MultiView ID="MainView" runat="server">
            <asp:View ID="View1" runat="server">
              <table style="width: 100%; border-width: 1px; border-color: #666; border-style: solid">
                <tr>
                  <td>
                    <h3>
                      <span>View 1 </span>
                    </h3>
                  </td>
                </tr>
              </table>
            </asp:View>
            <asp:View ID="View2" runat="server">
              <table style="width: 100%; border-width: 1px; border-color: #666; border-style: solid">
                <tr>
                  <td>
                    <h3>
                      View 2
                    </h3>
                  </td>
                </tr>
              </table>
            </asp:View>
            <asp:View ID="View3" runat="server">
              <table style="width: 100%; border-width: 1px; border-color: #666; border-style: solid">
                <tr>
                  <td>
                    <h3>
                      View 3
                    </h3>
                  </td>
                </tr>
              </table>
            </asp:View>
          </asp:MultiView>
        </td>
      </tr>
    </table>
  </form>
</body>


5. On each button click, set the style of the Clicked button to take a new value.

  public partial class SimpleTabControl : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {
      if (!IsPostBack)
      {
        Tab1.CssClass = "Clicked";
        MainView.ActiveViewIndex = 0;
      }
    }

    protected void Tab1_Click(object sender, EventArgs e)
    {
      Tab1.CssClass = "Clicked";
      Tab2.CssClass = "Initial";
      Tab3.CssClass = "Initial";
      MainView.ActiveViewIndex = 0;
    }

    protected void Tab2_Click(object sender, EventArgs e)
    {
      Tab1.CssClass = "Initial";
      Tab2.CssClass = "Clicked";
      Tab3.CssClass = "Initial";
      MainView.ActiveViewIndex = 1;
    }

    protected void Tab3_Click(object sender, EventArgs e)
    {
      Tab1.CssClass = "Initial";
      Tab2.CssClass = "Initial";
      Tab3.CssClass = "Clicked";
      MainView.ActiveViewIndex = 2;
    }
  }
6. Finally you can get your desired style. (Please use the attached Zip to get the code)

Tabs1.png

Tabs2.png

Wednesday, December 18, 2013

The 'microsoft.ace.oledb.12.0' provider is not registered on the local machine

Referred URL - http://social.msdn.microsoft.com/Forums/en-US/1d5c04c7-157f-4955-a14b-41d912d50a64/how-to-fix-error-the-microsoftaceoledb120-provider-is-not-registered-on-the-local-machine?forum=vstsdb

This resolution works with:
  • 64-bit Windows 7
  • 64-bit MS Office
  • Please reply to this thread if it worked for you so i can make this a full "compatibility list"

Step 1 - 
         Try installing this first: http://www.microsoft.com/download/en/details.aspx?id=13255

 NOTE: this DOES work for office 2010 even though it is for 2007 office, dont ask me why it just does :)
Step 2 - 

Friday, December 13, 2013

List Month Names in drop down or combo

Referred URL - http://stackoverflow.com/questions/315301/how-do-i-list-month-names-e-g-for-a-combo

for( int i = 1; i <= 12; i++ ){
  combo.Items.Add(CultureInfo.CurrentCulture.DateTimeFormat.MonthNames[i]);
}

Wednesday, December 4, 2013

Binding Multiple Parameter in Hyperlink column - Datagrid - C#

The following code shows how to bind Multiple Parameter in Hyperlink column in a Datagrid - C#

< asp:HyperLink ID="HPL_Wizard" runat="server" Target="_self" 
CssClass="ms-PMSButton" ToolTip="Wizard style configuration" Text='View' 
NavigateUrl='<%# string.Format("SettingsAddApprover.aspx?DeptID={0}&EligibilityID={1}", HttpUtility.UrlEncode(Eval("DeptID").ToString()), HttpUtility.UrlEncode(Eval("EligibilityID").ToString())) % > ' / >

மூக்கு குத்துவது..!



Referred URL - https://www.facebook.com/photo.php?fbid=540711226022201&set=a.370335143059811.87676.239342366159090&type=1

மூக்கு குத்துவது, காது குத்துவது துளையிடுவது உடலில் உள்ள வாயுவை (காற்றை) வெளியேற்றுவதற்கு.

கைரேகை, சோதிடம் பார்ப்பவர்கள் ஆண்களுக்கு வலது கையும் பெண்களுக்கு இடதுகையும் பார்த்து பலன் கூறுவது வழக்கம்.

ஆண்களுக்கு வலப் புறமும் பெண்களுக்கு இடப் புறமும் பலமான, வலுவான பகுதிகளாகும்.

ஞானிகளும் ரிஷிகளும் தியானம் செய்துபோது வலது காலை மடக்கி இடது தொடை மீது போட்டு தியானம் செய்வார்கள். இதற்கு காரணம் இடது காலை மடக்கி தியானம் செய்யும் போது வலது பக்கமாக சுவாசம் போகும். வலது என்றால் தமிழில் வெற்றி என்று பொருள். வலது பக்கமாக சுவாசம் செல்லும்போது தியானம்,பிராத்தனை எல்லாம் கண்டிப்பாக பலன் தரும்.

இந்த நாடியை அடக்குவதாக இருந்தால் வலது பக்க சுவாசத்திற்கு மாற்றவேண்டும். அதே மாதிரி ஒரு அமைப்புத்தான் மூக்குத்தி.

நமது மூளைப் பக்கத்தில் ஹிப்போதெலமஸ் என்ற பகுதி இருக்கிறது. நரம்பு மண்டலங்களை கட்டுப்படுத்தக் கூடிய, செயல்படக் கூடிய அளவு சில பகுதிகள் உள்ளன.

அந்தப் பகுதியில் சில உணர்ச்சி பிரவாகங்கள் உள்ளன. இதனைச் செயல்படுத்துவதற்கு அந்தப் பகுதி துணையாக இருக்கிறது. இப்படி இந்தப் பகுதியை அதிகமாக செயல் படுத்துவதற்கும் பெண்ணின் மூக்கில் இடது பக்கத்தில் குத்தக்கூடிய முக்குத்தி வலது பக்க மூளையை நன்றாக செயல் படவைக்கும்.

இடது பக்கத்தில் முளை அடைப்பு என்றால் வலது பக்கத்தில் நன்கு வேலை செய்யும். வலது பக்கம் அடைத்தால் இடது பக்கம் உள்ள மூளை அதிகமாக இயங்கும்.

இன்றைய நம்முடைய மனித வாழ்க்கைக்கு அதிகமாக இந்த இடது பக்க மூளையை அடைத்துவலது பக்கமாக வேலை செய்ய வைக்கிறோம். அதனால் வலது கை, வலது கால் எல்லாமே பலமாக உள்ளது.

பெண்கள் முக்குத்தி அணியும்போது, முன் நெற்றிப் பகுதியில் இருந்து ஆலம் விழுதுகள் போல்சில நரம்புகள் நாசி துவாரத்தில் இறங்கி கீழே வரும். இப்படி விழுதுகள் மூக்குப் பகுதியிலும், ஜவ்வு போல மெல்லிய துவாரங்களாக இருக்கும். ஆலம் விழுதுகள் போல உள்ள மூக்குப் பகுதியில் ஒரு துவாரத்தை ஏற்படுத்தி அந்த துவாரத்தில் தங்க முக்குத்தி அணிந்தால், அந்த தங்கம் உடலில் உள்ள வெட்பத்தை கிரகித்து தன்னுள்ளே ஈர்த்து வைத்துக் கொள்ளும் சக்தியைப் பெறும். அதுமட்டுமல்ல, மூக்கின் மடல் பகுதியில் ஒரு துவாரம் ஏற்பட்டால் அதன் மூலம் நரம்பு மண்டலத்தில் உள்ள கெட்ட வாயு அகலும்.

பருவப் பெண்களுகே முக்குத்தி அணிவிக்கப்ப்டுகிறது. பருவ வயதை அடைந்த பெண்களுக்கு கபாலப் பகுதியில் அதாவது, தலைப்பகுதியில் சிலவிதமான வாயுக்கள் இருக்கும்.இந்த வாயுக்களை வெளிக்கொண்ருவதற்கு ஏற்படுத்தட்டதுதான் இந்த மூக்கு குத்துவது. மூக்கு குத்துவதால் பெண்களுக்கு ஏற்படக்கூடிய சளி, ஒற்றைத் தலைவலி, மூக்கு சம்பந்தமான தொந்தரவுகள், பார்வைக் கோளாறு சரி செய்யப்படுகின்றன்.

இடப்பக்கம்தான் பெண்கள் மூக்குத்தி அணியவேண்டும். இடது பக்கம் குத்துவதால் சில மாற்றங்கள் ஏற்படும். சிந்தனா சக்தியை ஒரு நிலைப்படுத்துகிறது. மனதை அமைதிப்படுத்துகிறது. தியானம், பிராத்தனையில் ஈடுபட உதவுகிறது.