JCE Editor Issues in the Frontpage

Hi There! Have anybody got a CSS issue with JCE2 editor in the Frontpage with The World News II template? The editor is in the middle of the screen.

Screen-Shot-2011-09-16-at-6.53.22-PM.jpg

Any fix? Thanks!

Here is a quick css from me until admins fixes this, havent tested for any conflicts nor optimizing css. See attached image for how it looks.
Enable CSS Override from templates advanced features and add below code to cssoverride.css

Code: Select all

/* JCE Editor Styles Starts Here */
#editor-xtd-buttons {
    padding-top: 5px;
}
.formelm {
    float: none;
    padding: 0px 5px 0px 5px;
    position: relative;
    display: block;
    overflow: hidden;
}
.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;
    position: inline;
}
.formelm label {
    color: #000000;
    float: left;
    font-size: 10px;
    padding: 3px ;
    text-transform: uppercase;
    vertical-align: top;
    width: 10em;
}
.formelm .inputbox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #E7E7E7 #E7E7E7;
    border-radius: 2px 2px 2px 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: url("../images/btn_bg.jpg") repeat-x scroll left top #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 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: url("../images/breadcrumbs_bg.png") repeat-x scroll left bottom #FAFAFA;
    border: 1px solid #C3C3C3;
    border-radius: 0 0 3px 3px;
    position: relative;
    width: auto;
    padding: 2px 10px 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: url("../images/breadcrumbs_bg.png") repeat-x scroll left bottom #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;   
}
/* JCE Editor style ends here */


Hi normanUK, Thank you for your fix!

I just looked at the twn2 quickstart installed on my sandbox and I just learned that Gavick disabled any Editor by default on this template, I don't get it. Why? Gavick Team? Any plan on creating a CSS for popular Joomla Editor like JCE for this template? Any idea why did you guys do that?

Also, in case you guys don't know. The World News II template has a calendar error when sh404SEF is enabled. I get this:

Screen Shot 2011-09-17 at 12.37.22 AM.png

Screen Shot 2011-09-17 at 12.37.06 AM.png

also the AjaxSearch is not showing the search page - it returns to the frontpage when sh404SEF is enabled. I'm finding out this issues right after I finished doing the website and turning on features and plugins, frustrating!

Feeling let down my the support of gavick pro, was thinking about extending my subscription but due to the lack of support i have now decided i will not go ahead with this.

Like me many of people are waiting to find out about JCE editor and when we can use it with world news 2, i have installed it on my site but it does not work.

can admin please answer the question on how to fix this

Fixed it!

I'm using sh404SEF 3.3.0.1122 by the way. For those who have issues with Editors in the frontend, here's how I fixed it:

Go to sh404SEF Configuration > Advanced > Itemid Management

Screen Shot 2011-09-24 at 8.02.41 PM.png

I didn't have this issue with J1.5 but by trying to fix this problem I installed Gavick's template all the way to January 2011 and all of the templates is doing the same thing:

Code: Select all

   Calendar.setup:
        Nothing to setup (no fields found).  Please check your code
   

and what causes that error is when you set the template Main Body - Frontpage to Mainbody only. The editor is looking for:

Code: Select all

<jdoc:include type="component" />

This is what I read from Joomla Forum and I start to realize that it's right. If I change the Itemid=1 to the articles real Itemid it just worked.

So, that's that fix.

I just wish Gavick team will do test their templates with popular Joomla Editors so they'll find out what are the issues that comes with it.

I also tried the newest update v2.1J, unfortunately they still haven't fix Editor CSS. Gavick team, I think this CSS is very basic for you guys not to include a fix when most of the updates in this version are just CSS. This is just the most versatile template you ever published for this year, I can almost use this and customize for all type of website audience.

Hopefully, you will find time and fix small issues before adding more advanced functions like support for JomSocial.

Thank you and Gavick Team, you guys still ROCK!

For those using aceSEF here is the fix i got from the JoomAce forum to solve this problem of getting a 404 Error with front-end editing with SEF Enabled

Go to AceSEF=>Extensions=>Content=>disable-SEF variables and enter the following word:

view=form