Hi folks,
          Can anyone tell me how to display the information in custom popup window??

I have to display the information(Name and products) from my custom object Product_Item__c (Which contains Name and products) based on the product items clicked
My Visualforce Page:

<apex:page standardController="Product_Item__c" recordSetVar="pro" extensions="popup">
    <apex:form >
         <apex:pageBlock title="Product Item Records" >
            <apex:pageblocksection title="Product Item Name" columns="2">
                <apex:repeat value="{!pro}" var="pr">
                    <apex:pageblocksectionitem >
                        <apex:outputLabel >
                            <apex:commandLink rerender="popup" action="{!showPopup}">
                                {!pr.Name}
                               
                                 <apex:param name="param1" assignTo="{!param1}" value="{!pr.Id}"/>
                            </apex:commandLink>
                           
                        </apex:outputLabel>
                 
                    </apex:pageblocksectionitem>
                </apex:repeat>
            </apex:pageblocksection>             
        </apex:pageBlock>

        <apex:outputPanel id="popup">
            <apex:outputPanel styleClass="customPopup" layout="block" rendered="{!displayPopUp}">
             
   Product Information <br/>
               
             
                <apex:repeat value="{!productRecords}" var="pr1">
                 {!pr1.Name}
                    {!pr1.Product__c }
                 </apex:repeat>
                   
              
                <apex:commandButton value="Hide Pop up" action="{!closePopup}" rerender="popup"/>
            </apex:outputPanel>
        </apex:outputPanel>

    </apex:form>

    <style type="text/css">
       .customPopup{
            background-color: white;
            border-style: solid;
            border-width: 2px;
            left: 50%;
            padding:10px;
            position: absolute;
                    
            width: 500px;
            margin-left: -250px;
            top:100px;
        }
    </style>
</apex:page>







Extention:
public class popup {

    public popup() {

    }
    public ID param1 { get; set; }
    public List<Product_Item__c> productRecords{get;set;}
    Id reocrdId=ApexPages.currentPage().getParameters().get('id');
     Id i = System.currentPageReference().getParameters().get('id');
    public popup(ApexPages.StandardSetController controller) {
        productRecords=new List<Product_Item__c>();
        productRecords=[select Id,Name,Product__c from Product_Item__c where Id=:param1];
    }


    public boolean displayPopup {get; set;}

    public void closePopup() {
        displayPopup = false;
    }

    public void showPopup() {
        displayPopup = true;
    }
}


The page Displays only the product Information in popup window as I Highlighted above .....
It doesnt display name and products



Thanks in advance
Karthick

Hi folks,
   Can anyone tell me how to redirect the homepage from download page automatically ?
I have a visualforce page which downloads the content of the page.Once the document is downloaded then it will automatically redirect to home page.
For that How can I implement.

My vfp
 

<apex:page standardController="Account" extensions="AccountDownload" contentType="application/msWord/#Test-{!NOW()}.doc"  recordSetVar="accounts" sidebar="false"  cache="true"> 
    <apex:form >
        <apex:pageBlock title="Archiver For Account">
        <apex:pageBlockSection >
               <apex:pageBlockTable value="{!accounts}" var="ac" >
                     <apex:column headerValue="AccountName">
                         <apex:outputText >{!ac.Name}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="Account Number">
                         <apex:outputText >{!ac.AccountNumber}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="AccountType">
                         <apex:outputText >{!ac.Type}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="Phone Number">
                         <apex:outputText >{!ac.Phone}</apex:outputText>
                     </apex:column>
                                       
                 </apex:pageBlockTable> 
            </apex:pageBlockSection>
        </apex:pageBlock>
    
   <apex:outputText value="hi dude,"/>
   </apex:form>
</apex:page>

Controller:
  

public class AccountDownload {    
    public boolean ren{get;set;}
    public AccountDownload(ApexPages.StandardSetController controller) {
        ren=false;
        rtnToHome();
        
    }
    public PageReference Download(){
        ren=true;
        return null;
        
    }
    public PageReference rtnToHome(){
        PageReference demoPage = new pagereference('/apex/AccountasTextfile');
        demoPage.setRedirect(true);
        return demoPage;
    }
}

I have tried action attribute on page tag but nothing happne.
Please let me know is there any way to automatically redirect after the document is downloaded


Thanks in advance
Karthick

Hi folks,
       I have a visualforce page in which there is a button called download.
If I click that button then it will download all the account records as text file. For this use case how we can implement.
I Dont want to redirect to another visualforce page
Can someone suggest some ideas to implement.

VFP:



Thanks in advance,
Karthick

Hi folks,
       Can anyone tell me how to download all the chatter feeds posted by current user?
I Have one visualforce page with download button.
If I click download button then it will download all the feeds in one file .
For that How can I implement?

I wanna download as text file which contains like 

Type:TextPost
Body:hi folks,
        Is anyone thr?
Created BY:Karthick Raja
Created Date:2015-03-31T11:34:55.000+0000
Total Likes:1
Total Comments:0



Thanks in advance,
Karthick

 

Hi folks,
         Can anyone tell me how to override the save and edit button in visualforce page?
I want to use the two boolean variable in that save button method with same functionality
I have tried the following code for this usecase

    public PageReference save() {
        showContent = true;
        hidecontent = false;    
        return null;
    }

But the save functionlity not working here

Thanks in advance
Karthick

Hi folks,
      Can anyone tell me how to add the style for dependent picklsit?
I have added the custom style in visualforce page for dependent pick list

<apex:page standardController="Contact" standardStylesheets="false" showHeader="false">
    <head>
        <style> 
            .picklist {
                height:33px;
                width:255px;
                font-size:14px;
                font-style:italic;
                font-weight:bold;
                text-align:left;
                padding-top:7px;
                padding-bottom:7px;
                padding-left:10px;
                border: 0;
            }
        </style>
    </head>
    <body>
        <apex:form >
            <!-- Parent picklist -->
            <apex:inputField id="parent" value="{!Contact.Country__c}" styleClass="picklist" style="left:400px; top:250px;"/>
            <div  class="picklist">
                <apex:inputField id="children" value="{!Contact.State__c}"/>
            </div>
        </apex:form>
    </body>
</apex:page>

But It gives

I want to display state field as same as Controlling picklist


Thanks in advnce
Karthick

 

Hi folks,
         Can anyone tell me what are the hottest topics in salesforce?
I need atleast 20 topic names.

 

Hi folks,
        Can anyone tell me how to get the dependent picklist values dynamically based on the value of the controlling picklist via apex.

I dont want to use <Apex:inputtext> tag and other native apex tags
I need a custom logic for getting dependent picklist values in apex

Its uregent requirement 



Thanks in advance
Karthick

Hi folks,
        Can anyone tell me how to use Remote action annotation in Apex controller/?
We can use public variables in RemoteAction method in Visualforce?


Thanks in advnce
Karthick

Hi folks,
         Can anyone tell me how to get the current user profile image in visualforce page?

Thanks in advance
Karthick

Hi folks,
          Can anyone tell me how to create colums in visualforce page without using form tag?
I need a sample code..


Thanks in advance
Karthick

Hi folks,
        Can anyone tell me how to convert the below angular js code to visualforce ?

<!DOCTYPE html>
<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8">
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email">
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
      
</div>
</body>
</html>




JavaScriptFile:app.js
<!DOCTYPE html>
<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8">
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email">
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
    
    <!-- =================================================================== -->
    <!-- VALIDATION TABLES ================================================= -->
    <!-- =================================================================== -->
    <div class="page-header"><h1>Validation Tables</h1></div>
    
    <div class="row">
        <div class="col-xs-3">
            <h3>Form</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.$valid, danger: userForm.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.$pristine, danger: !userForm.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Name</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.name.$valid, danger: userForm.name.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.name.$pristine, danger: !userForm.name.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.name.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Username</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.username.$valid, danger: userForm.username.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.username.$pristine, danger: !userForm.username.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.username.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Email</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.email.$valid, danger: userForm.email.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.email.$pristine, danger: !userForm.email.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.email.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    
</div>
</body>
</html>

I have converted the above code:

<apex:page standardStylesheets="false">

<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    
    
    <script>
        // create angular app
    var validationApp = angular.module('validationApp', []);

    // create angular controller
    validationApp.controller('mainController', function($scope) {

        // function to submit the form after all validation has occurred            
        $scope.submitForm = function() {

            // check to make sure the form is completely valid
            if ($scope.userForm.$valid) {
                alert('our form is amazing');
            }

        };

    });
    
    </script>
        
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate="novalidate">

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required="true"/>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8"/>
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email" required="required"/>
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">You name is required.</p>
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
            
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
  </div>
</body>
</html>
    
</apex:page>

But It doesnt work properly
I dono what is the problem in my code?

Please help!
 

Hi folks, 
         Can anyone tell me how to refresh the current visualforce page after clicking some link?
 I need a sample code for this.


Thanks in advance
Karthick

Hi folks,
          Can anyone tell me how to get the feeds of followed user in vIsualforce page?
My code is

<apex:page controller="VFC06_ChatterFollow" standardStylesheets="true" showHeader="false">  
   <chatter:feedwithFollowers entityId="{!$User.Id}"/>
   
   <apex:repeat value="{!userList}" var="usr"> 
       <apex:outputText value="{!usr.LastName}" /> <chatter:follow entityId="{!usr.Id}"/>
       <br/>
       
   </apex:repeat>
   
</apex:page>
 
public class VFC06_ChatterFollow{

    public list<User> userList {get;set;}
    
    public VFC06_ChatterFollow(){
        userList = [select id, lastname, firstname, profile.Name, profile.Usertype from user
                        where isactive = true
                        and profile.Usertype = 'Standard'
                        and id != :UserInfo.getUserId()];
        
    }
    
}

But I didnt get followed user feeds ..
What I have to modify the above code?

Please Help!

Hi folks,
         Can anyone tell me how to create bootstrap datepicker in visualforce page?
I need a sample code for that..


Thanks in advance
Karthick

Hi folks,
           Can anyone tell me how to create custom chatter in visualforce  page?
I wanna all the features that are availble in chatter to Visualforce page?

Thanks in advance
Karthick

Hi folks,
        Can anyone tell me how to follow the another user in Salesforce Org?
There are 3 user in my org.
like user1,user2,user2

User3 wanna follow user1 
for that how to write vfp;

My VFP:
 

<apex:page standardStylesheets="true" showHeader="false">  
   <chatter:feedwithFollowers entityId="{!$User.Id}"/>
   
   

   <chatter:follow entityId=""  />//I dono what to write here
   
</apex:page>

Thanks in advance
Karthick

Hi folks,
Can anyone tell me the answer for the following ques:
Is there anyway to post a feed comment dynamically for the particular feeditems in visualforce?

How to get the FeedItemId that I posted previously?


Thanks in advance
Karthick

Hi folks,
          Can anyone tell me how to add the comments in chatter using VFP?
I wanna add the comments and edit the comments in visualforce .

Please help!

Hi folks,
          Can anyone tell me how to set the authorization header in Apex Callout?
I have to set the below items in Authorization Header
1.Key,
2.Nonce
3.Timestamp
4.version 

Please help!

Hi folks,
           Can anyone tell me what is the purpose of custom list controller and Standard List controller?
I need a simple description for that 


Thanks in advance
Karthick

Hi folks,
   Can anyone tell me how to redirect the homepage from download page automatically ?
I have a visualforce page which downloads the content of the page.Once the document is downloaded then it will automatically redirect to home page.
For that How can I implement.

My vfp
 

<apex:page standardController="Account" extensions="AccountDownload" contentType="application/msWord/#Test-{!NOW()}.doc"  recordSetVar="accounts" sidebar="false"  cache="true"> 
    <apex:form >
        <apex:pageBlock title="Archiver For Account">
        <apex:pageBlockSection >
               <apex:pageBlockTable value="{!accounts}" var="ac" >
                     <apex:column headerValue="AccountName">
                         <apex:outputText >{!ac.Name}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="Account Number">
                         <apex:outputText >{!ac.AccountNumber}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="AccountType">
                         <apex:outputText >{!ac.Type}</apex:outputText>
                     </apex:column>
                     <apex:column headerValue="Phone Number">
                         <apex:outputText >{!ac.Phone}</apex:outputText>
                     </apex:column>
                                       
                 </apex:pageBlockTable> 
            </apex:pageBlockSection>
        </apex:pageBlock>
    
   <apex:outputText value="hi dude,"/>
   </apex:form>
</apex:page>

Controller:
  

public class AccountDownload {    
    public boolean ren{get;set;}
    public AccountDownload(ApexPages.StandardSetController controller) {
        ren=false;
        rtnToHome();
        
    }
    public PageReference Download(){
        ren=true;
        return null;
        
    }
    public PageReference rtnToHome(){
        PageReference demoPage = new pagereference('/apex/AccountasTextfile');
        demoPage.setRedirect(true);
        return demoPage;
    }
}

I have tried action attribute on page tag but nothing happne.
Please let me know is there any way to automatically redirect after the document is downloaded


Thanks in advance
Karthick

Hi all, I try to do the tutorials and in the challenge of "Using simple variables and formulas"have this error:

Challenge not yet complete... here's what's wrong:
The Visualforce page did not fit the criteria. The first name of the logged in user was not output using dynamic global variables.

but my code is:
 

<apex:page sidebar="false">
    
    <apex:pageBlock title="User Status">
        <apex:pageBlockSection columns="1">
        	
            {! $User.FirstName }
            
        </apex:pageBlockSection>
    </apex:pageBlock>
    
</apex:page>

If you can see I'm using the global variable $User and I don't see where is my error. Thanks

 

Hi folks,
      Can anyone tell me how to add the style for dependent picklsit?
I have added the custom style in visualforce page for dependent pick list

<apex:page standardController="Contact" standardStylesheets="false" showHeader="false">
    <head>
        <style> 
            .picklist {
                height:33px;
                width:255px;
                font-size:14px;
                font-style:italic;
                font-weight:bold;
                text-align:left;
                padding-top:7px;
                padding-bottom:7px;
                padding-left:10px;
                border: 0;
            }
        </style>
    </head>
    <body>
        <apex:form >
            <!-- Parent picklist -->
            <apex:inputField id="parent" value="{!Contact.Country__c}" styleClass="picklist" style="left:400px; top:250px;"/>
            <div  class="picklist">
                <apex:inputField id="children" value="{!Contact.State__c}"/>
            </div>
        </apex:form>
    </body>
</apex:page>

But It gives

I want to display state field as same as Controlling picklist


Thanks in advnce
Karthick

 

Hi folks,
         Can anyone tell me what are the hottest topics in salesforce?
I need atleast 20 topic names.

 

Hi folks,
        Can anyone tell me how to get the dependent picklist values dynamically based on the value of the controlling picklist via apex.

I dont want to use <Apex:inputtext> tag and other native apex tags
I need a custom logic for getting dependent picklist values in apex

Its uregent requirement 



Thanks in advance
Karthick

Hi folks,
        Can anyone tell me how to use Remote action annotation in Apex controller/?
We can use public variables in RemoteAction method in Visualforce?


Thanks in advnce
Karthick

Hi folks,
        Can anyone tell me how to convert the below angular js code to visualforce ?

<!DOCTYPE html>
<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8">
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email">
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
      
</div>
</body>
</html>




JavaScriptFile:app.js
<!DOCTYPE html>
<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8">
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email">
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
    
    <!-- =================================================================== -->
    <!-- VALIDATION TABLES ================================================= -->
    <!-- =================================================================== -->
    <div class="page-header"><h1>Validation Tables</h1></div>
    
    <div class="row">
        <div class="col-xs-3">
            <h3>Form</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.$valid, danger: userForm.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.$pristine, danger: !userForm.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Name</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.name.$valid, danger: userForm.name.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.name.$pristine, danger: !userForm.name.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.name.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Username</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.username.$valid, danger: userForm.username.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.username.$pristine, danger: !userForm.username.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.username.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-xs-3">
            <h3>Email</h3>
            <table class="table table-bordered">
                <tbody>
                    <tr>
                        <td ng-class="{ success: userForm.email.$valid, danger: userForm.email.$invalid }">Valid</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.email.$pristine, danger: !userForm.email.$pristine }">Pristine</td>
                    </tr>
                    <tr>
                        <td ng-class="{ success: userForm.email.$dirty }">Dirty</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    
</div>
</body>
</html>

I have converted the above code:

<apex:page standardStylesheets="false">

<html>
<head>
    <!-- CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <style>
        body     { padding-top:30px; }
    </style>
    
    <!-- JS -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    
    
    <script>
        // create angular app
    var validationApp = angular.module('validationApp', []);

    // create angular controller
    validationApp.controller('mainController', function($scope) {

        // function to submit the form after all validation has occurred            
        $scope.submitForm = function() {

            // check to make sure the form is completely valid
            if ($scope.userForm.$valid) {
                alert('our form is amazing');
            }

        };

    });
    
    </script>
        
</head>
<body ng-app="validationApp" ng-controller="mainController">
<div class="container">
    
    <!-- PAGE HEADER -->
    <div class="page-header"><h1>AngularJS Form Validation</h1></div>
   
    <!-- =================================================================== -->
    <!-- FORM ============================================================== -->
    <!-- =================================================================== -->
    
    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate="novalidate">

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }">
            <label>Name*</label>
            <input type="text" name="name" class="form-control" ng-model="user.name" required="true"/>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">You name is required.</p>
        </div>
        
        <!-- USERNAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid && !userForm.username.$pristine }">
            <label>Username</label>
            <input type="text" name="username" class="form-control" ng-model="user.username" ng-minlength="3" ng-maxlength="8"/>
            <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
            <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
        </div>
            
        <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
            <label>Email</label>
            <input type="email" name="email" class="form-control" ng-model="user.email" required="required"/>
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">You name is required.</p>
            <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
            
        </div>
        
        <button type="submit" class="btn btn-primary">Submit</button>
        
    </form>
  </div>
</body>
</html>
    
</apex:page>

But It doesnt work properly
I dono what is the problem in my code?

Please help!
 

Hi folks,
          Can anyone tell me how to get the feeds of followed user in vIsualforce page?
My code is

<apex:page controller="VFC06_ChatterFollow" standardStylesheets="true" showHeader="false">  
   <chatter:feedwithFollowers entityId="{!$User.Id}"/>
   
   <apex:repeat value="{!userList}" var="usr"> 
       <apex:outputText value="{!usr.LastName}" /> <chatter:follow entityId="{!usr.Id}"/>
       <br/>
       
   </apex:repeat>
   
</apex:page>
 
public class VFC06_ChatterFollow{

    public list<User> userList {get;set;}
    
    public VFC06_ChatterFollow(){
        userList = [select id, lastname, firstname, profile.Name, profile.Usertype from user
                        where isactive = true
                        and profile.Usertype = 'Standard'
                        and id != :UserInfo.getUserId()];
        
    }
    
}

But I didnt get followed user feeds ..
What I have to modify the above code?

Please Help!

Hi folks,
           Can anyone tell me how to create custom chatter in visualforce  page?
I wanna all the features that are availble in chatter to Visualforce page?

Thanks in advance
Karthick

Hi folks,
        Can anyone tell me how to follow the another user in Salesforce Org?
There are 3 user in my org.
like user1,user2,user2

User3 wanna follow user1 
for that how to write vfp;

My VFP:
 

<apex:page standardStylesheets="true" showHeader="false">  
   <chatter:feedwithFollowers entityId="{!$User.Id}"/>
   
   

   <chatter:follow entityId=""  />//I dono what to write here
   
</apex:page>

Thanks in advance
Karthick

Hi folks,
       Can anyone tell me the free api for advertising jobs from salesforce ?
I wanna free api calls for posting jobs 

Please help!

Hi folks,
           Can anyone tell me the purpose of scheduler classes and how to use scheduler class?
I need a simple code for scheduling so that I can know process of scheduler class..




Thanks in advance
Karthick

Hi folks,
        Can anyone tell me the purpose of apex scheduler and how to use apex scheduler?
give me the simple example for that?


Thanks in advance
Karthick