I know there is API in Chrome which gives the option to prevent changes rendering and layout changes until you add all your changes and "release" the block so it will calculate layout and rendering only once and not for each change I do in the DOM.
anyone knows what is this API?
This is called a 'Virtual DOM.' The most popular one is part of react.js.
Related
I'm really quite new to Joomla and I've encountered a problem. On my homepage the article is showing just fine, but all the other modules (except for the menu bar) disappear when I switch to a smaller screen size. On my other pages the article doesn't even show anymore, just the menu bar. I'm using the purity III template. I have no idea what's going on since the settings in the layout of the template indicate that all modules that are showing on a desktop should also be displayed on a mobile device, and I've found no difference in settings in the articles itself. My site.
Thanks for your help!
It sounds like the responsive design hides them on purpose.
Just from a quick peek at your code using inspect element I can see that the class "slideshow hidden-xs" gets a display:none on smaller screen sizes and all of your main content is wrapped in that element. If all of your content is not supposed to be wrapped in that element (which I'm guessing it's not) you're most likely missing a closing tag on a div or something.
Find the missing closing tag (ie: /div, /a, etc) and it will probably solve your problem.
You can update the latest version of Joomla and check again that some problem is coming or not. I yes then download new theme for your website which is compatible with your theme.
I was doing the standard CakePHP blog tutorial (using 2.4 beta since it'll be out of beta by the time I make a real site)
On the add form I'm seeing rendering issues, is this a bug or something I've done:-
The validation popup on the second field is messed up, resizable gap above it a bit like the multi line text input its attached to the validator on the first text box is fine
See the drag handle (top right of the popup)
http://snag.gy/U7tKQ.jpg
And you can drag it
http://snag.gy/087fr.jpg
it seems to be connected to the fact the popup is on a field that is resizable
That's chrome's default behavior
The framework used to generate the form won't affect the appearance of that kind of message. Chrome's default behavior (or simply, behavior - don't think it can be modified) for any input with required="required" is to prevent submitting the form if the input is empty with a hint of Please fill in this field (or similar). This is one of the many features introduced in html5 capable browsers.
js interference?
The mentioned drag handles on the hint popup are not normal - that is likely caused by some javascript or a browser extension.
Go there http://diveintohtml5.info/forms.html and scroll down to form validation.
This is HTML5 built in form validation for the browser you're using, inspect the input element. Honestly I'm not sure if you can style them different but to me it looks like the browser is doing this by adding some markup and CSS to the DOM tree that might conflict with whatever else you have there. I personally haven't had the case before.
Knowing your markup and CSS might help by the way.
Greeting and thanks for your generosity in providing this wonderful forum,
I'm using jQuery Orbit Slider and Reveal Modal. I setup the slider to include content and within the content are hotlinks to a series of modals.
I can't get the first modal, in the series of modals, to open. It appears the plugin is programmatically generating inline CSS that is overriding my CSS stylesheet. Mainly z-index selector is keeping the first modal hidden (or invisible). The subsequent modals in that series work as intended.
When viewed using Chrome Inspect Console shows the inconsistency please note at "featuredContent10" which is where the slide4 resides (it's actually a background image). The data-reveal-id="slide4-1" is the first one in the series of modals. I did not add the inline styles it's in the reveal.js file.
Unfortunately, I don't know enough about reveal and can't find any information regarding a solution. The information I came away with is to ask for assistance on stackoverflow.com. 99.9% of the time I find solution on my own, however, I'm at a lost and my client likes the features of both plugins. Any help you can give me would be very much appreciated.
If it helps here’s a link to the beta site: http://www.partnershipwithearth.com/thecooperationway-1/
Go to Slide 11 lower left link is the culprit. You'll notice the dialog box and close button do appear without the image (slide4-1).
Your expertise is greatly appreciated
I am working on an intranet project that is having the majority of its users move up to ie8 soon. A bug was detected where when attempting to create/edit a page, the rich html editor boxes would be squeezed compared to what they look like in any other browser.
I found the offending style, its inline and its:
style="display:inline-block"
Now if it was just "inline" then it would be fine. However, it is not.
I have attempted to override the PrefixStyleSheet attribute in the master page and have a custom style in the main css file, but it is not working at all.
I have heard that a control adapter might be helpful to post process the html but i am unsure on how to use one.
Is there any advice you guys can give me?
From my experience, using JQuery "hacks" in the master page header is the most convenient approach, without messing up the system css or the backend.
Find the element you want to override the style to a custom style, and assign your custom style. Be careful if the override is page layout specific, then might add to the page layout header placeholder instead.
http://api.jquery.com/css/
Hope it helps.
Can anyone tell me what's happening when i click on a different color / Them icon in sugar CRM or new ORKUT. I am trying to develop a similar kind of application(in ASP.NET) where i need to switch to different themes. I dont want to use the ASP.NET SKINS.It seems that there is no page post backs happening when we change the skins in sugar crm /new orkut. Where the changes are being stored ? Do i need to maintain different css for different themes
It looks like the CSS styles for various classes are dynamically changed. You can verify this in Firebug by inspecting a particular element, looking at for instance its background color, then switching the theme. You'll see the background color (or whatever) change. The data for all themes is likely sent down in the initial page render.