I am using CSS to add background colors to cells in a Sharepoint ListView webpart. The trouble is, the colors disappear when the webpart refreshes - e.g. when I add an item, or when I click a column header to sort the list. Is there any way to reapply the CSS dynamically?
I've seen this one time, hope it will help you :
document.styleSheets.reload()
Related
Is there a way to add a custom color/value to the color drop down of the button settings in visual composer? The site I'm developing has lots of colored buttons and rather than overriding one of the existing button classes with css I'd rather add the color(s) to the drop down. Otherwise I have to explain to the client "when you want this color button you have to select x color from the drop down". Which is just confusing.
Thanks!
Check this:
https://kb.wpbakery.com/docs/developers-how-tos/update-single-param-values/
Change all "cta_button" occurrences to "btn". Save the page with the button you want and the color you just created, then use Chrome to inspect the created element. It will come with a class named something like 'vc_btn_color-yourcolor'.
Just style that color on your style.css later.
I have a requirement like for the drop down as shown. Could any one help me in achieving this.
Briefing:
On click of the button a pane should be opened which contains rows and columns containing text, on click of it appropriate action need to take place. The source can be dynamic too....
There are many techniques for acheiving this design. You could do it purely with html and css by having an image that looks like a dropdown popup an absolutely positioned div underneath. Or you could use the asp.net ajax control toolkit control called "PopupControl" that essentially abstracts all the html/css away allowing you to just specify a target panel. There are also various jquery plugins, here is one from abeatifulsite.
I apologize if the title was not clear enough. I am working on a project where a user can design a page (something like Wix). I am continuing on a project left in-complete by some developer. The sequence of action is.
The user clicks on a link which adds an element on the page (e.g. textElement, picture, slider...)
There is an edit button for each element. Clicking which opens a dialog box.
On the dialog box there are sliders and color picker drawn using Kendo-UI. Using them the user can change the style settings for the element (e.g Font-Color, BG-Color, Font Size...)
What I want now is to apply/show the changes live on that element. I have the id available for each element. I can bind each of the style selectors and apply the changes live to the text element. But that does not seem the right choice as in future we might add another style selector in the dialog box, and that would mean adding the code for binding this new selector.
What I wanted to know was that is there an alternate or preferably easy way to do this?
Regards
Share some code with the basic idea that you follow, cause it's not getting clear what you did. It sounds like you can use the MVVM framework feature to help you for that.
I have a page using a Treeview server control like so:
<asp:TreeView ID="uxTreeView" ShowExpandCollapse="True" ShowCheckBoxes="All" runat="server"></asp:TreeView>
What I expect to have happen is my treeview should render a series of checkboxes, with the first level having a plus sign (+) to expand it, and then a minus sign (-) when it's expanded to collapse it.
For some reason, I'm not seeing the expand/collapse links. I can see there's a parent and a child node, and they're properly nested, but the expand/collapse links aren't showing.
Has anyone seen this before? In the past this hasn't been an issue - dragging and dropping the control onto a page has worked fine. I've inspected the elements with Firebug, and I didn't see any CSS that would hide the expand/collapse links.
UPDATE
I've found there's an ImageSet property on the treeview - now my treeview is actually adding the arrows for the various nodes indicating whether they're expanded or collapsed. Is it possible to style the individual cells in the outputted table? (It looks like this would be a lot of work)
Did you by chance specify custom images, perhaps incorrectly, for the expand and collapse elements?
I'm trying to right-align a column in my WDG. I've been through the Infragistics tutorials, so I know that I need to added a new CSS style as such...
tbody > tr > td.ColumnRight
{
text-align: right;
}
Then on my column apply CssStyle="ColumnRight"
However, my WDG is on a usercontrol which is dynamically loaded.
When the page comes up the right-align has not taken hold.
It does not work until you refresh the page (F5) - but this is undesirable, really need the style in place upon first-load.
Its obviously a problem with the dynamic loading, but any ideas how to fix it?
Any help much appreciated!
For looking into this, I would look at the css that is applied to the cells by using an element inspector like provided by the developer tools for IE or fire bug on Firefox. This should help you to know if your css is being loaded and something else is taking precedence.
Also, when you dynamically load the UserControl is it on a full post back or an AJAX call back such as inside of an update panel? If in an AJAX call and you change the call to be a full post back, does it change the behavior?
Is the behavior consistent across multiple web browsers or does it only occur in one browser?
For more specific suggestions, I would need more details on how you are dynamically loading the UserControl and where the CSS is. Is it in another file, a style on the page/user control?