Forum Support

Shape 5
June 17, 2021, 11:49:13 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: TinyMCE rendering problems  (Read 614 times)
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« on: September 26, 2016, 03:36:18 PM »

I have a problem with Ting MCE editor rendering on the from end as the buttons do not show.

I attach two images one backend and one fronted to illustrate the problem.

Is there anything I can do as users will not edit on the front end and they do not have the expertise to use the backend. Catch 22 for me.

Many Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: September 26, 2016, 05:05:25 PM »

Hello,

Please post a url to where this occurs.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« Reply #2 on: September 27, 2016, 03:30:55 PM »

Here is a link to a page I have set up for you:

http://www.lodgeofunity69.org.uk/shape5-test-article.html

You will need a login username and password to edit the document.

How do I get this to you non public?

Thanks

« Last Edit: September 28, 2016, 07:33:15 AM by gallagtj » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: September 28, 2016, 07:05:14 AM »

Hello,

You can private message me the login.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #4 on: September 28, 2016, 08:02:01 AM »

Hello,

You can try adding the following into the custom.css file:

.mce-container button i {
display:none !important;
}

.mce-container button span {
padding:8px !important;
}

.mce-tinymce button {
background:#999999 !important;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« Reply #5 on: September 28, 2016, 08:24:33 AM »

Its pretty much the same
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #6 on: September 29, 2016, 05:51:04 AM »

Hello,

I tested that css in Firebug on your site and it was not the same, it makes the buttons more even and with a background. They are not going to look identical to the buttons in the backend because it's not the same environment.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« Reply #7 on: September 29, 2016, 08:10:34 AM »

If the Risen-hope template does not have a CSS to show TinyMCE in the front end adequately for users.

 What can I do in the template to fix it or other template would you suggest to use that would allow me to change from Risen hop with a minimal amount of work.

I need users to do Front end editing.

Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #8 on: September 30, 2016, 10:09:00 AM »

Hello,

I gave you that css above, you just need to apply it to custom.css. That will correct the look of the buttons so they appear more uniform. Again, they are never going to look the same on the frontend and the backend on almost all templates. The editor uses standard button calls, which are stylized by the frontend template css files, which don't exist in the backend.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« Reply #9 on: October 03, 2016, 04:52:45 AM »

I understand that the template CSS is different to the admin CSS and they will not look the same but I would hope they are useable.

I have now tested several other Joomla editors and the only one which renders properly with you template is Joomla JCE.

I must add that as a Rocket theme template user before Shape5 I did not have this problem.

Do you test your Joomla templates front end editing capabilities across one or more common Joomla editors?

I am not sure if this is an editor problem or a template problem but getting them to work together is not really the job of a Joomla configurator. Most things i can do but this is one that would be impossible for me to sort out and I would have hoped Shape5 templates could provide a solution.

Thanks for your support
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #10 on: October 03, 2016, 07:08:49 AM »

Hello,

I'm sorry I don't understand, there was nothing that made the previous look unusable, the buttons just needed better styling. The css that I gave you already stylizes them better so they are more uniform, and will correct that on your site. As long as you apply the css I provided the buttons should look much better. I didn't see any functionality issues when looking at it on your site; just styling issues on the buttons. If there is still a styling issues after applying the css let me know, or if you want to private message me super admin access and ftp access I can apply it for you.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gallagtj
Jr. Member
**
Offline Offline

Posts: 26



« Reply #11 on: October 04, 2016, 02:42:22 AM »

All is now working with this addition to the template custom.css.

Many thanks for your great support, it really makes a difference.

For anyone else with the same problem here is the solution.

.mce-container button i {
margin:0px !important;
}

.mce-container button span {
padding:8px !important;
}

.mce-tinymce button {
min-height:30px !important;
}

.mce-colorbutton .mce-preview {
display:none !important;
}

.mce-i-none {
display:none !important;
}

.mce-btn-small button {
color:#333 !important;
}
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.