On my page there are several region that are hidden or shown based on a condition.
I set a variable calculation before regions and then on change of that variable I show/hide various regions. Everything works as expected but I've noticed that when I refresh the page, for a split second I see the hidden regions flash and then disappear. Any way to fix that?
What happens is that the DOM is rendered and once the page is loaded, the dynamic action fires. There is a brief moment between the page fully rendered and the dynamic action firing and that is when you see the component flash. All a dynamic action of type "Hide" does, is set the css style display:none; on the component.
A very simple workaround to prevent the flashing is to set "Custom Attributes" to style=display:none; for the region that should be hidden on page load. That way the component will not show but immediately be hidden.
Related
I created a dynamic action which is the execution of Javascript code and enable the Fire on Initialization function.
However, according to the documentation:
"Initialization has a slightly different meaning depending on how the dynamic action is defined. For dynamic actions defined to fire on interactive grid columns, this specifies if the action fires when the interactive grid row is activated for editing. For all other dynamic actions, this specifies if the action fires when the page loads."
Currently, I have to click a certain cell of the grid so that the grid row is activated for editing and the fire on initialization can be triggered.
Does anybody know how to enable the fire on initialization instantly when the page loads?
As your comments suggest, you also want to trigger the same JS, which is executed on a page switch, when the page is first loaded.
To do this, you can simply create a dynamic action, which triggers on page load, and executes the same JS code.
Here is the screenshot
I have a 500x400 iframe that hosts my page with a few Foundation dropdown controls, I found in this size no matter how I specify "align:xxx" value in the code, Foundation always renders the dropdown layer as align:bottom which is undesirable. I need "align:xxx" to work no matter what the containing page size is. How do I do that? Hacks or workarounds can do too.
I tried to increase my iframe to 1000x400 and the dropdown renders normally.
If there's an option that I could force align of a dropdown other than align:xxx please point out.
It's because it's in an iframe that is smaller than the medium media query. The default behavior for the small breakpoint is to be 100% width. You may need JS to override this for your use case.
I'm trying to implement a menu in sitecore page. Menu that will be available in all the pages.
I can do a rendering that goes to some specific datasource and assign the rendering to a placeholder inside Design Layout of the layout.
However how can they edit the datasource (order, ammount of elements, etc..) item in page A that will be also replicated in page B.
Without going through all the pages to change order, color, text, items etc...
To do that you will want to create a new data template that holds the shareable content on it. So it would have fields for navigation items etc... any setting that you wanted to be shared across pages.
Then in your rendering, you can set the Datasource to this item. Any changes to that item would be reflected across all pages that use it.
You should add the rendering to the standard values of your page templates and set the Datasource to your main default navigation item, then all new pages will get the navigation ready setup.
You need design your view in such a way that it should be editable in experience editor mode.
If you have implemented using Glass Mapper there is good section on how to use Edit Frame.
Also you can check below community blog. for more details.
https://community.sitecore.net/technical_blogs/b/sitecorejohn_blog/posts/render-field-values-for-mvc-solutions-using-the-sitecore-asp-net-web-cms
Carousel items in page editor are displaying "sitecore/shell/themes/standard/images/pageeditor/bg_hidden_rendering.png" as the image url instead of the datasource url. Has anyone seen this issue before and know how to resolve?
This is how it should display
The screenshot you've attached shows that you have some personalization rules configured for your Hero Background Content component.
On your screenshot you're seeing view of for the Default condition (and there is one more condition - you can tell it cause there is 2/2 near the condition name).
Most probably your component is hidden by default and only displayed when some conditions are met.
You can switch to the second condition by pressing up and down arrows near 2/2.
You can also click on the 4th icon above (2 persons icon) to check what kind of conditions are defined, edit / add / remove conditions.
I'm been working with Sitecore for a while, but this is my first time on the page editor.
So, I go to my sublayout and I place a sitecore tag instead a .net tag
<sc:Text ID="txtContent" Field="Content" runat="server"/>
Content is the normal content field on the sitecore page.
When I go to the page editor, I'm able to see the correct content and do some editing but the save button is disabled and my changes are not saved at all
I'm I missing something very basic here?
this is a screen cast on what I'm doing
http://screencast.com/t/0itqgjGVQx8
Update: After including jquery.noconflict constructs, the execution moves to the handler function in the ribbon correctly. BUT it seems that the button itself is disabled. Is it possible to enable/disable the button? is it disable on specific situations? if so how can I enable it.
There might be invalid html appearing. Check you hints for buttons, etc. There might be non-escaped texts on the page.
I've resolve this some time ago... in the sublayout definition on sitecore there was a redundant/wrong compatible rendering definition. Once I removed that, the save button appeared and the sublayout started to work as expected