want larger inplace.js textbox width

Posted on 2012-09-06
Last Modified: 2012-09-06
Question by:rgb192
    LVL 19

    Accepted Solution

    For non-textbox inputs, use the "text_size" option in the JavaScript. For example, I increased the first text input with this:

    	// The most basic form of using the inPlaceEditor
    		callback: function(unused, enteredText) { return enteredText; },
    		// url: './server.php',
    		show_buttons: true,
    		text_size: "100"

    Open in new window

    For textboxes, use the textarea_rows and textarea_cols options:

    // This example shows how to call the function and display a textarea
    	// instead of a regular text box. A few other options are set as well,
    	// including an image saving icon, rows and columns for the textarea,
    	// and a different rollover color.
    		callback: function(unused, enteredText) { return enteredText; },
    		// url: "./server.php",
    		bg_over: "#cff",
    		field_type: "textarea",
    		textarea_rows: "25",
    		textarea_cols: "55",
    		saving_image: "./images/ajax-loader.gif"

    Open in new window


    Author Closing Comment


    text-size 100 works

    Featured Post

    Course: HTML5 for Beginning Beginners

    Are you looking for an efficient introduction to HTML5? Have you tried other HTML5 courses and found them too complex? Do you need just the basics of HTML5 to use with Wordpress or other content management system? If you said yes to any of these questions, this course is for you.

    Join & Write a Comment

    Hi all! Recently there was EE question and the person wanted to have a multi-column textbox <div> selection, so as a first step to answer I provided a link but that was not complete with JavaScript selection, but had a good style sheet. So as a ques…
    There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
    The viewer will learn how to dynamically set the form action using jQuery.
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now