Admin UI sometimes breaks

More
7 years 11 months ago - 7 years 11 months ago #61899 by michal.rames@gmail.com
I am sometimes getting unformatted FlexiContent UI components - see attached screenshot with example of template layout editing.

How do I troubleshoot this?

Joomla 3.5.1 with FC 3.0.14-rc2a
Attachments:
Last edit: 7 years 11 months ago by michal.rames@gmail.com.

Please Log in or Create an account to join the conversation.

More
7 years 11 months ago #61901 by ggppdk
Replied by ggppdk on topic Admin UI sometimes breaks
Hello

this popup is in the type configuration form ?
- there was a PHP notice / warning that is being printed that may break the layout

we have already made a fix for it
is it in other forms too ?


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
7 years 10 months ago - 7 years 10 months ago #62261 by michal.rames@gmail.com
Hi,

just noticed it appears in the category configuration as well and I can now replicate the issue on items admin dashboard:

1) change ownership (recursively) on htdocs/administrator/components/com_flexicontent
2) click "items" in admin dashboard - rendered correctly
3) click "items" in admin dashboard again - rendering is broken
4) repeat step 1
5) repeat step 2

Do you have any suggestions how to troubleshoot further please?
Attachments:
Last edit: 7 years 10 months ago by michal.rames@gmail.com. Reason: Additional details

Please Log in or Create an account to join the conversation.

More
7 years 10 months ago #62264 by ggppdk
Replied by ggppdk on topic Admin UI sometimes breaks
Hello

about the ITEMs backend list (items manager) being broken
- you need to examine HTML and provide the PHP notice or PHP warning
- also open the browser console and check if there is a JS error

about category form we have a PHP notice that i have cleared:

you can test changes in category edit form, in a localhost or in testing site:
github.com/FLEXIcontent/flexicontent-cck/tree/3.0.x-stable

Click "Clone or Download" / "Download Zip"

and install via Joomla extension manager
test category form and report back


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
7 years 10 months ago - 7 years 10 months ago #62343 by michal.rames@gmail.com
Hi,
No error appears in the console and no PHP notice in the HTML.

When I tried updating to 3.0.x branch, it did not change the behavior.

I can now replicate the problem also in items admin dashboard by clicking e.g. "Revised" column (to sort by revised. See attached screenshot of the "broken" admin layouts.

I can see that a whole lot of flexi_xxx.css and flexi-libxxxx.js is not loaded when the layout breaks. The HTML source of the healthy page looks like this:
Code:
<link href="/administrator/templates/isis/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/> <link rel="stylesheet" href="/components/com_flexicontent/librairies/jquery/css/ui-lightness/jquery-ui-1.9.2.css" type="text/css"/> <link rel="stylesheet" href="/components/com_flexicontent/librairies/select2/select2.css?3.5.4" type="text/css"/> <link rel="stylesheet" href="/administrator/components/com_flexicontent/assets/css/flexicontentbackend.css?1f790a6095394b0d4fde4c95942d7d68" type="text/css"/> <link rel="stylesheet" href="/administrator/components/com_flexicontent/assets/css/j3x.css?1f790a6095394b0d4fde4c95942d7d68" type="text/css"/> <link rel="stylesheet" href="/administrator/templates/isis/css/template.css?ae04fe1e25499f07f859a9ddbe98c2f0" type="text/css"/> <style type="text/css">.menu-akeeba-16{background:url(http://52.62.36.196/media/com_akeeba/icons/akeeba-16.png) no-repeat}.menu-flexicontent{background:url(components/com_flexicontent/assets/images/flexicontent.png) no-repeat}</style> <script src="/media/system/js/core.js" type="text/javascript"></script>

while the HTML source of the broken page looks like this (notice the empty gap where there are normally script references?):
Code:
<link rel="stylesheet" href="/A.administrator,,_components,,_com_flexicontent,,_assets,,_css,,_flexicontentbackend.css,,q7354d0787c8f2b309d3f18c072ecf170+administrator,,_components,,_com_flexicontent,,_assets,,_css,,_j3x.css,,q7354d0787c8f2b309d3f18c072ecf170+components,,_com_flexicontent,,_librairies,,_jquery,,_css,,_ui-lightness,,_jquery-ui-1.9.2.css+components,,_com_flexicontent,,_librairies,,_select2,,_select2.css,,q3.5.4+components,,_com_flexicontent,,_assets,,_css,,_tabber.css,,q7354d0787c8f2b309d3f18c072ecf170+media,,_system,,_css,,_modal.css+administrator,,_templates,,_isis,,_css,,_template.css,,qcdf901f132ed2b0968e7ee239e8e94e5,Mcc.rFGPBj0XEG.css.pagespeed.cf.zdvDLpWd7f.css" type="text/css"/> <style type="text/css">.mce-in{padding:5px 10px!important}div.pane-sliders ul.adminformlist li select{margin-bottom:0px}div.pane-sliders ul.adminformlist li fieldset{margin:0;padding:0}div.current ul.config-option-list li .fcsep_level3{left:232px!important}div.control-group div.control-label label.hasTooltip,div.current ul.config-option-list li label.hasTooltip{display:inline-block;padding:4px;margin:1px 6px 0px 1px;text-align:right;width:220px;font-weight:normal;font-size:12px;background-color:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666}div fieldset select{margin:0px}div.current ul.config-option-list li select{margin-bottom:0px;font-size:12px}div.current ul.config-option-list li fieldset{margin:0;padding:0}.tool-tip{}.tip-title{}.menu-akeeba-16{background:url(http://52.63.186.147/media/com_akeeba/icons/akeeba-16.png.pagespeed.ce.wP2TkGbDyB.png) no-repeat}.menu-flexicontent{background:url(components/com_flexicontent/assets/images/xflexicontent.png.pagespeed.ic.9eZcccbh4a.png) no-repeat}</style> <script src="/media/system/js/core.js.pagespeed.jm.j38qmNNAsD.js" type="text/javascript"></script>

If you would be able to provide suggestions for next troubleshooting steps that would be awesome.
Thank you
Attachments:
Last edit: 7 years 10 months ago by michal.rames@gmail.com. Reason: added troubleshooting details

Please Log in or Create an account to join the conversation.

More
7 years 10 months ago #62347 by ggppdk
Replied by ggppdk on topic Admin UI sometimes breaks
Hello

i cannot replicate this,
it sounds like the page is cached

if you do a hard refresh on your browser:
Windows: ctrl + F5
Mac/Apple: Apple + R or command + R
Linux: F5

does the page appear normally ?


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.314 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline