jQWidgets Forums

This topic contains 2 replies, has 2 voices, and was last updated by Nadezhda 10 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

change Set text position Posts

March 1, 2015 at 6:34 pm change Set text position #67851

Participant

Hello People,

I would like the start position of the text in the Editortextarea Change.
I want the text like 4 pixel from the left Edge
and 5 pixels from the top Edge.

can anyone tell me how?

here my solution attempts with the css properties


.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    
    /* here my Change */
    padding-left: 4px;
    padding-top: 5px;

    position: relative;
    box-sizing: border-box !important;
}

Unfortunately doesn’t work it as I would like to have it.
If I remove the padding property again is me the text too close to the left side
and it looks simply poorly

I hope the solutions suggested by you

Best Regards
detBerlin

March 1, 2015 at 7:00 pm change Set text position #67852

detberlin

Participant

I found something else where but I do not know how can I use this property….?
you could use toolbar property the “indent more” about that

This function should only directly at the start of the editor to be called and then but also with own indicated
how far he indent you want to go

and now…. my next question….
I would like to disable the tooltip.

March 4, 2015 at 10:32 am change Set text position #67994

Nadezhda

Participant

Hello detBerlin,

If you want to take out the tooltip from toolbar buttons you can use ‘removeAttr’ method. Here is an example:

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>jqxEditor represents a ready-for-use HTML editor which can simplify web content creation or be a replacement of your HTML Text Areas.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownbutton.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcolorpicker.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxeditor.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#editor').jqxEditor({
                height: "400px",
                width: '800px'
            });
            $("div.jqx-editor-toolbar-button").removeAttr("title");
        });
    </script>
    <textarea id="editor">
        <b>jqxEditor</b> is a HTML text editor designed to simplify web content creation. You can use it as a replacement of your Textarea or you can create it from a DIV element. 
        <br />
        <br />
        Features include:
        <br />
        <ul>
            <li>Text formatting</li>
            <li>Text alignment</li>
            <li>Hyperlink dialog</li>
            <li>Image dialog</li>
            <li>Bulleted list</li>
            <li>Numbered list</li>
        </ul>
    </textarea>
</body>
</html>

If you want to indent when the editor is initialized you can use the following css:

.jqx-editor iframe {
    padding-top:5px;
    padding-left:4px;
}

Best Regards,
Nadezhda

jQWidgets team
http://www.jqwidgets.com/

Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.