comment dialog

Id like to build a comment area much like they use in this site with a title and an area to type the details. I like the size of this comment box and also with a place holder feature.
Can a css expert provide some details how to build this simple comment dialog.
zachvaldezAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

RobOwner (Aidellio)Commented:
If you're referring to the area where you type your comment then EE uses ckeditor http://ckeditor.com/
0
Julian HansenCommented:
Can a css expert provide some details how to build this simple comment dialog.
It's not as simple as just typing in CSS there is a bit of javascript as well.

Have you had a look at the JQueryUI library - specifically the Dialog functionality?

http://jqueryui.com/dialog/

That coupled with Rob's comment about the ckeditor (or alternatively tiny http://www.tinymce.com/) can give you a dialog with HTML editor functionality.

If you only want a comment box (no HTML elements) then this JQueryUI sample might be useful

http://jqueryui.com/dialog/#modal-form
0
zachvaldezAuthor Commented:
ckEditor may be the ultimate tool.  All I need is a decent look to post comments.  Also the dialog box when asking /posting question here  will also be possible.
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

RobOwner (Aidellio)Commented:
Basic bootstrap (http://getbootstrap.com/css) would do the job for you: http://jsbin.com/juvito/1/edit
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
zachvaldezAuthor Commented:
Basically,how is chkeditor implemented?)
0
zachvaldezAuthor Commented:
I like the link with bootstrap.
However, I would the comment dialog to be save and displayed but no longer available for edit. A new dialog would be available for edit much similar to this site.
0
RobOwner (Aidellio)Commented:
ckeditor just uses a textarea.  There's a javascript library and css library that you get from ckeditor that formats the layout and actions.

once the editor has finished you insert an html element like <div> with the content and reset the comment box or disable it, up to you.
0
zachvaldezAuthor Commented:
I downloaded to see how to use it.
first, how would I put that on a page
0
zachvaldezAuthor Commented:
Sweet and simple. Long term solution would be chkeditor but requires purchasing.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.