function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Steven BensonSteven Benson 

popup text box

Hi, 

I am wanting to create a pop up box from my visualforce page, this pop up will give a text box that the user can enter infomation and then save it toa table I have created in the the visualforce page.

any advice on this would be great!
Best Answer chosen by Steven Benson
dev_sfdc1dev_sfdc1
Hi Steven Benson,

Try this link,will help you, change based on your requirement..

https://developer.salesforce.com/forums?id=906F000000097X9IAI


Thank You

All Answers

Ramu_SFDCRamu_SFDC
The following articles show two different scenarios of accomplishing your requirement

1. modal popup 
http://www.salesforcegeneral.com/salesforce-modal-dialog-box/

2. normal popup
http://www.tehnrd.com/visualforce-pop-up/
dev_sfdc1dev_sfdc1
Hi Steven Benson,

Try this link,will help you, change based on your requirement..

https://developer.salesforce.com/forums?id=906F000000097X9IAI


Thank You
This was selected as the best answer
Steven BensonSteven Benson
thats great!

I have created the button and the pop up works, I just need to tweek it to make the pop up box a text box
Steven BensonSteven Benson
<apex:commandButton value="Submit Feedback" action="{!showPopup}" rerender="popup"/>
<apex:outputPanel id="popup">
            <apex:outputPanel styleClass="customPopup" layout="block" rendered="{!displayPopUp}">
                <br/><br/><br/>
                <apex:commandButton value="Close" action="{!closePopup}" rerender="popup"/>
            </apex:outputPanel>
</apex:outputPanel>
<style type="text/css">
       .customPopup{
            background-color: white;
            border-style: solid;
            border-width: 2px;
            left: 50%;
            padding:10px;
            position: absolute;
            z-index: 9999;
            width: 500px;
            margin-left: -250px;
            top:100px;
        }