+ Start a Discussion
Ram Shiva KumarRam Shiva Kumar 

How can i connect the Search button of the Glyphicons (Bootstrap) to the Controller (Extensions)

Hi ,

I wrote a code in which  i have implemented the bootstrap Glymphicons (Search,Print .) . Actually i want the logic in such away that , when i click on the "Search" button of the Glymphicons , a controoler Srarch methos should  be execued .  But iam unable to link  the Glymphicons with the Controller class. here is my code,

<apex:page standardController="Account" extensions="Accountss" sidebar="false"   showHeader="false" standardStylesheets="false">
    <head>
        <font size="5" color="Red">
     
 <marquee behavior="scroll" direction="left">Hi SHIVA, HAVE A NICE DAY</marquee>
    
    </font>
<link href="{!$Resource.sfdc}\bootstrap-sf1-0.1.0-beta.16\dist\css\bootstrap.min.css" rel="stylesheet"/>
    </head>
    <apex:form >
    <apex:panelGrid columns="1" style="float:right;" >
        <apex:image id="theImage" value="{!$Resource.img}" width="200" height="100"/>
        
       </apex:panelGrid>
      <br> </br>
    
    <h2>
         Welcome to Boot Strap
    </h2>
    
    <h3>Name</h3>
            <apex:inputField value="{!Account.Name}" styleClass="form-control" style="width: 360px; height: 40px"   /><br/>
             <h3>Description</h3>
            <apex:inputField value="{!Account.Description}"   styleClass="form-control" style="width: 360px; height: 40px"  /> <br/>
             <h3>Revenue</h3>
            <apex:inputField value="{!Account.AnnualRevenue}" StyleClass="form-control" style="width: 360px; height: 40px"  /><br/>
            

            <apex:commandButton action="{!save}" styleClass="btn btn-success" value="Create New Account" />
    
    
    
      <h1> Glyphicons with Boot strap</h1>
  <p>Resize the browser window to see the effect.</p>
  

<div class="container-fluid">
    
       
      <h2>Glyphicon Examples</h2>
      
      <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
      <p>Envelope icon as a link:
        <a href="#">
        
        
       <span class="glyphicon glyphicon-envelope"></span>
        </a>
        </p>
        
        
        
      
      <p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
      <p>Search icon on a button:
        <button type="button" class="btn btn-default"   >
          <span class="glyphicon glyphicon-search"></span> Search
        </button>
      </p>
      <p>Search icon on a styled button:
        <button type="button" class="btn btn-info">
          <span class="glyphicon glyphicon-search"></span> Search
        </button>
      </p>
      <p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
      <p>Print icon on a styled link button:
        <a href="#" class="btn btn-success btn-lg">
          <span class="glyphicon glyphicon-print"></span> Print
        </a>
      </p>
     <a href="#">
        <span class="glyphicon glyphicon-home">
   <apex:commandButton action="{!save}" styleClass="btn btn-success" value="Create New Account" />
   </span>
   </a>
   </div>
    
    </apex:form>
     </apex:page>