Chronocontact size

Hey again😀

Ok so I am thinking about buying the chronocontact plugin for chrono forms, but I have a question first. How can I change the size of the input field of the form? Because the form extends into the menu and I dont want that, so what I am trying to do is to narrow it down. The image below will show what my problem is😉



Thanks for the help😀

Hi Heckler,

I haven't looked but I imagine that you can change the css for the comment block - or maybe the block layout to make it so that the textarea is under the heading instead of beside it.

Bob

Hi Heckler,

as Bob said, adding some width style limit to any container for that text box will fix the problem! I tested it before!

Cheers
Max

Ok so I've been trying to set the width but I just cant get it, I think this is the part of the code that I need to change:

<input class="cf_inputbox required" maxlength="150" size="30" id="text_5" name="title" type="text" >

I have tried changing it to:

<input class="cf_inputbox required" maxlength="150" size="30" id="text_5" name="title" type="text" width="400">

But it doesn't worked. I also looked at the css files but nothing works.

Thanks for the help😀

Hi Heckler,

try this instead :

    <input class="cf_inputbox required" maxlength="150" size="30" id="text_5" name="title" type="text" style="width:400px;">

That didn't work either, it just changes the field for the title. The code that I think I need to change is this, but I dont know how to change it because nothing works:

<div  class="form_item"><div class="form_element cf_textarea" style="width:400px"><label class="cf_label">Story body:</label>
<?php
$editor		=& JFactory::getEditor();
echo $editor->display( 'fulltext',  '' , '80%', '350', '55', '20', true ) ;

?>

</div><div class="clear"> </div></div>

Thanks for the help🙂

Hi Heckler,

I'm no longer quite sure what you are trying to change. You can set the width of the editor text area by changing the variables in:

echo $editor->display( 'fulltext',  '' , '80%', '350', '55', '20', true ) ;

The parameters are [list]

string $name: The control name

string $html: The contents of the text area

string $width: The width of the text area (px or %)

string $height: The height of the text area (px or %)

int $col: The number of columns for the textarea

int $row: The number of rows for the textarea

boolean $buttons: True and the editor buttons will be displayed

array $params: Associative array of editor parameters

[/list]
Bob

PS Info from this Joomla tutorial

None of that changes the actual size of the editor. I just want to make the width of the whole editor smaller so that the editor doesn't extend into the menu on the right side.

Hi Heckler,

try to put it inside a fixed width table then ? I'm sure that the container has some effect, can you post a link to the page ? make sure you make a refresh after the change to clear the browser cache too!

Regards
Max

Hi Heckler,

Yes, the minimum width I can get the standard editor to is 611px. That seems to be fixed by the second toolbar. My WYSYWYG Editor comes down to 565px which is a little smaller but may not be enough for you.

Ah - go to PlugIns | Editor - Tiny MCE 2.0 and, in the parameters, set the Functionality to Simple. That brings the width right down. If Simple isn't enough then you can stay with Advanced but then go the the Advanced Parameters slider and hide some of the toolbar icons that are nt really needed.

Bob

Hi, I think Bob's post is more correct, I forgot this is the Joomla core editor used here🙂

Regards
Max

Thanks a lot🙂

Switching it to simple works, but when I use advanced and hide some of the buttons they still show up. Will try more later.

Btw... Hope you guys have a happy new year!!! :mrgreen:

Thanks! Same to you!

Regards
Max

Well I solved my problem by installing the JCE editor🙂

Great!🙂

Hello all,

i am a newbie her & looks this place at first glance coz this has loads of interesting information to provide to beginners like me to cope up with the ever increasing buzz in this field, special thank to GreyHead for posting an simple solution to the issue, i am really thankful to him. Wish to get more & more information from this place as possible.

Cheers!!!