Apex Code Development You need to sign in to do that
Don't have an account?
Ram 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>
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>