frontend article editing has is messed up

Hello,

When editing an article in the frontend, the tinymce editor is only partly showing and giving bad CSS results.
I am using joomla 2.5 with the latest template version 2.6.1 for esport.
Help please. Thanks in advance.

Hi

I thought that was already fixed on last version... it's seams not.

Please try adding this lines on joomla.css file from css template directory:

Code: Select all

.formelm-buttons {overflow: hidden}
.formelm-buttons button {float: right}
table.mceLayout {float: left}


Cheers

This is also from another template i have used, might come handy.

Code: Select all

/* Editor Styles Starts Here */
#editor-xtd-buttons { padding-top:5px; }
.formelm { float:none; padding:0px 5px 0px 5px; position:relative; display:block; overflow:hidden; margin-bottom:10px; }
.formelm-area { color:#000000; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; position:relative; display:block; }
.formelm-area label{ color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
.formelm-buttons { float:right; margin-bottom:10px; margin-top:-40px; position:inline; }
.formelm label { color: #000000; float: left; font-size: 10px; padding: 3px ; text-transform: uppercase; vertical-align: top; width: 14em; }
.formelm .inputbox { border-color:#CCCCCC #E7E7E7 #E7E7E7; border-radius:2px; border-right:1px solid #E7E7E7; border-style:solid; border-width:1px; box-shadow:0 1px 6px #F0F0F0 inset; color:#111111; font:12px/18px Arial,Helvetica,sans-serif; height:16px; padding:6px; }
.button2-left { float:left; margin-left:5px; background:#FFFFFF; border:1px solid #DBDBDB; border-radius:3px; color:#333333; cursor:pointer; display:block; font-size:12px; font-family:BebasNeue,Arial,sans-serif; height:29px !important; line-height:31px; margin:0 5px 3px 2px; padding:0 16px; font-weight:normal; }
.edit form#adminForm fieldset { border:1px solid #DDDDDD; }
.edit form#adminForm fieldset { margin:10px 0 15px; padding:20px 15px; }
.edit form#adminForm  legend { font-size:14px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:auto; padding:2px 10px; }
fieldset { border:0 solid #CCCCCC; }
fieldset { border:1px solid; margin:10px 0; padding:15px 0; }
fieldset a { font-weight:normal; }
fieldset .legend { font-size:18px; }
div.mceEditor { padding-top:2px; position:relative; }
jform_language-lbl { color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
span.wf_editor_toggle { cursor:pointer; display:block; line-height:20px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:70px; padding:5px; text-align:center; font-size:12px; font-family: BebasNeue,Arial,sans-serif; }
/* Calendar Display Fix Starts */
.calendar .button { display:table-cell !important; float:none !important; }
/* Calendar Display Fix Ends*/
.formelm input[type="password"],
.formelm input[type="text"],
.formelm input[type="email"],
.formelm input[type="www"],
.formelm input[type="tel"],
.formelm input[type="url"],
.formelm input[type="search"],
.formelm select,
.formelm .inputbox { width:20%; float:none; }
.formelm .button2-left { width: auto;}
.formelm .fltlft { float:none; }
/* Editor Style Ends Here */


See you around...

Thanks. Your solution works perfect.

This is also from another template i have used, might come handy.

Code: Select all

/* Editor Styles Starts Here */
#editor-xtd-buttons { padding-top:5px; }
.formelm { float:none; padding:0px 5px 0px 5px; position:relative; display:block; overflow:hidden; margin-bottom:10px; }
.formelm-area { color:#000000; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; position:relative; display:block; }
.formelm-area label{ color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
.formelm-buttons { float:right; margin-bottom:10px; margin-top:-40px; position:inline; }
.formelm label { color: #000000; float: left; font-size: 10px; padding: 3px ; text-transform: uppercase; vertical-align: top; width: 14em; }
.formelm .inputbox { border-color:#CCCCCC #E7E7E7 #E7E7E7; border-radius:2px; border-right:1px solid #E7E7E7; border-style:solid; border-width:1px; box-shadow:0 1px 6px #F0F0F0 inset; color:#111111; font:12px/18px Arial,Helvetica,sans-serif; height:16px; padding:6px; }
.button2-left { float:left; margin-left:5px; background:#FFFFFF; border:1px solid #DBDBDB; border-radius:3px; color:#333333; cursor:pointer; display:block; font-size:12px; font-family:BebasNeue,Arial,sans-serif; height:29px !important; line-height:31px; margin:0 5px 3px 2px; padding:0 16px; font-weight:normal; }
.edit form#adminForm fieldset { border:1px solid #DDDDDD; }
.edit form#adminForm fieldset { margin:10px 0 15px; padding:20px 15px; }
.edit form#adminForm  legend { font-size:14px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:auto; padding:2px 10px; }
fieldset { border:0 solid #CCCCCC; }
fieldset { border:1px solid; margin:10px 0; padding:15px 0; }
fieldset a { font-weight:normal; }
fieldset .legend { font-size:18px; }
div.mceEditor { padding-top:2px; position:relative; }
jform_language-lbl { color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
span.wf_editor_toggle { cursor:pointer; display:block; line-height:20px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:70px; padding:5px; text-align:center; font-size:12px; font-family: BebasNeue,Arial,sans-serif; }
/* Calendar Display Fix Starts */
.calendar .button { display:table-cell !important; float:none !important; }
/* Calendar Display Fix Ends*/
.formelm input[type="password"],
.formelm input[type="text"],
.formelm input[type="email"],
.formelm input[type="www"],
.formelm input[type="tel"],
.formelm input[type="url"],
.formelm input[type="search"],
.formelm select,
.formelm .inputbox { width:20%; float:none; }
.formelm .button2-left { width: auto;}
.formelm .fltlft { float:none; }
/* Editor Style Ends Here */


See you around...

Where should i put this code? Also adding it in joomla.css, like your previous post?

I normally add it in override.css file located in "/templates/gk_templatename/css/override.css"
Then enable css override feature from admin >extensions manager > template manager > GK e sport > advanced settings > css override "on".

See you around...

@normanUK I don't see it well using that code.

@romusweb please use this lines instead of the previous ones:

Code: Select all

#editor-xtd-buttons {clear: both}
.formelm-buttons {overflow: hidden}
.formelm-buttons button {float: right}
table#jform_articletext_tbl {float: left}
label#jform_title-lbl {width: auto; margin-right: 10px}


This should be the result:

screen.png

The code I posted was from TWN2 haven't tested it on E-sports.

See you around...