&lt;Window.Resources&gt; &lt;Style x:Key="Style_1" TargetType="{x:Type Button}"&gt;     &lt;Setter Property="Background" Value="Green"/&gt; &lt;/Style&gt; &lt;Style x:Key="Style_2" TargetType="{x:Type Button}"&gt;     &lt;Setter Property="Foreground" Value="White"/&gt; &lt;/Style&gt; &lt;Style x:Key="Style_3" TargetType="{x:Type Button}"&gt;     &lt;Setter Property="BorderBrush" Value="Red"/&gt; &lt;/Style&gt;     &lt;Grid x:Name="LayoutRoot"&gt;     &lt;Button Content="MultyStyles" Margin="160,136,248,222"/&gt;     Now i want to apply Above Three Style into one control.I can apply two style to one Controle like below.  &lt;Window.Resources&gt; &lt;Style x:Key="Style_1" TargetType="{x:Type Button}"&gt;     &lt;Setter Property="Background" Value="Green"/&gt; &lt;/Style&gt; &lt;Style x:Key="Style_2" TargetType="{x:Type Button}" BasedOn="{StaticResource Style_1}"&gt;     &lt;Setter Property="Foreground" Value="White"/&gt; &lt;/Style&gt; &lt;Style x:Key="Style_3" TargetType="{x:Type Button}"&gt;     &lt;Setter Property="BorderBrush" Value="Red"/&gt; &lt;/Style&gt;     &lt;Grid x:Name="LayoutRoot"&gt;     &lt;Button Content="MultyStyles" Margin="160,136,248,222" Style="{StaticResource Style_2}"/&gt; &lt;/Grid&gt;   But i don't know to apply more than two style to one control. what should i do for that ?
113526
In WPF, how would I apply multiple styles to a FrameworkElement?  For instance, I have a control which already has a style.  I also have a separate style which I would like to add to it without blowing away the first one.  The styles have different TargetTypes, so I can't just extend one with the other.
11703
I would like to add an edge loop around each one of these windows and are not 100% sure on the best way to do it even after watching some videos.  If someone could point me in the right direction that would be great. Thanks.
12329
Say we have a LWC with the following template in a component named example:  &lt;template&gt;     &lt;lightning-textarea class="test"&gt;&lt;/lightning-textarea&gt; &lt;/template&gt;   And some css to go with it:  .test textarea {     min-height: 500px; }   The expected behavior is that the lightning-textarea will be 500px tall because the nested textarea has been made 500px tall.  The actual behavior is that nothing happens. The reason for this is that the compiled css will be:  .test[c-example_example] textarea[c-example_example] {     min-height: 500px; }   And the compiled (relevant parts of the) html will be:  &lt;lightning-textarea c-example_example lightning-textarea_textarea class="test"&gt;     &lt;textarea lightning-textarea_textarea&gt;&lt;/textarea&gt; &lt;/lightning-textarea&gt;   It's obvious that the  has scoped the textarea element to its parent, lightning-textarea and not our example component. This is an issue because the CSS processor has appended [c-example_example] not only to the .test part of the selector, but textarea as well.  It makes sense that CSS would be scoped downward, which is how Aura components handled scoping, but in LWC it's actually entirely isolated, so neither parent nor child elements can target it.  Is there any way around this? Or plans to support targeting child components? Being able to override and tweak the CSS of the standard component library was a very handy feature of Aura components, allowing customized appearances without having to rewrite the base component from scratch.  On top of that, this means that you can't reuse your own components in different contexts, giving them different styles in each. The component itself must be responsible for  all of its styling. While this is possible it requires a lot of conditional class assignments which is frustrating.
57734
Is it possible to 'enclose' more than one application in a single Unity icon/button? In order to keep under control the number of buttons on launcher, it will be very useful to me to store some applications of the same type (e.g. small accessory applications like take screenshot or web application etc. ) in a single button as that is possible with the xfce panel...
47307
Currently, if I want to tile two instances, I press the green button on the top-left and place the instance accordingly. However, each of the tiled instances always go into full screen mode. For a chrome instance, this is annoying as it means it's not possible to see the tabs. How do I tile windows without making them go  full screen?
114207
It's all int the title; I find myself unable to set a precise time interval defining how often the background pictures of the theme I am currently using change.  The only similar option available in Windows 10 settings applies only to single background images and not to multiple background images included in a theme.  Thanks in advance,  N.
13314
I'm looking for a way to insert a &lt;style&gt; tag into an HTML page with JavaScript.  The best way I found so far:  var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode);   This works in Firefox, Opera and Internet Explorer but not in Google Chrome. Also it's a bit ugly with the &lt;br&gt; in front for IE.  Does anyone know of a way to create a &lt;style&gt; tag that   Is nicer Works with Chrome?   Or maybe   This is a non-standard thing I should avoid Three working browsers are great and who uses Chrome anyway?
31353
How do I create a resource that I can reference and use in various parts of my program easily?  My specific problem is that I have a NotifyIcon that I want to change the icon of depending on the state of the program. A common problem, but one I've been struggling with for a long time.
50281
Basically, I want to have a single operator which can do multiple things, based on some attributes values.  class MyPanel(bpy.types.Panel):     # (...)     layout = self.layout     row = layout.row()     row.operator("my.button", text="Button text")  class MY_BUTTON_OT_Button(bpy.types.Operator):     bl_idname = "my.button"     bl_description = "Button description"     bl_label = "Button"     foo = bpy.props.IntProperty()     bar = bpy.props.BoolProperty()      if bar:         # Do something with foo     else:         # Do something else :P   I know how to set one attribute, like so:      row.operator("my.button", text="Button text").foo=5   But what about multiple arguments? I tried several things that didn't worked, like (e.g.):   With setattr(): row.operator("my.button", text="Button text").setattr(foo=5,bar=True)   With a custom method setVal() in the operator class: row.operator("my.button", text="Button text").setVal(foo=5,bar=True)   Maybe I must use a single EnumProperty? I hope to avoid this, so my question is: Is it possible to pass multiple custom arguments to set attributes in an operator class? And if yes, how ?  Thanks for your help.
43242
My objective is to control the width of the modal provided by lighting:overlayLibrary component. I am trying to do it by overriding the css applied to the slds-modal__container. I was hopeful this would be as easy as adding the override to the style page of the component that contains the modal and applying it at modal creation using the cssClass class param.  I have tried a few variations based on the following with no luck  the component  &lt;component&gt;   &lt;lightning:overlayLibrary aura:id="theModal" /&gt;   &lt;!-- a button to open the modal --&gt; &lt;/component&gt;   the controller  ({   openModal:function(component){         var modalBody;         $A.createComponent("c:pseudoContent", {},                            function(content, status) {                                if (status === "SUCCESS") {                                    modalBody = content;                                    component.find('theModal').showCustomModal({                                        header: "Application Confirmation",                                        body: modalBody,                                         showCloseButton: true,                                        cssClass: "mymodal",                                        closeCallback: function() {                                            alert('You closed the alert!');                                        }                                    })                                 }                             });   }   })  and the sytle  .THIS .mymodal div.slds-modal__container{   width:90%;   max:width:90% }   This produces a page containing   &lt;div class="panel slds-modal mymodal slds-fade-in-open" aria-labelledby="title_2454:0" tabindex="-1" role="dialog" aria-modal="true" data-aura-rendered-by="2477:0" style="opacity: 1;"&gt;   &lt;div class="modal-container slds-modal__container" data-aura-rendered-by="2478:0"&gt;     ...   &lt;/div &lt;/div&gt;   but when I inspect the page the styles in the mymodal class are not being applied to the element, I guess it is a scope issue??   Is there a way to get control of the width of the modal?  Your help is appreciated!
19582
If I set a CSS value on a specific element using:  $('#element').css('background-color', '#ccc');   I want to be able to unset that element-specific value and use the cascaded value, along the lines of:  $('#element').css('background-color', null);   But that syntax doesn't seem to work – is this possible using another syntax?  Edit: The value isn't inherited from the parent element – the original values comes from an element-level selector. Sorry for any confusion!
67600
I am using style attribute to use media queries in lightning components something like this:  &lt;style&gt;   .legendBox {     background: none!important;     min-height: 50px;     padding: 5px 0px;     position: absolute;     width: 90%!important;     left:9%;     margin-top:-15.25%!important;     border:0px!important;   }    .bootstrap-sf1 .pre-scrollable {     max-height:none!important;                   overflow:none!important;   }  &lt;/style&gt;   My question is how to use these media queries in css section of lightning component. If possible please suggest the method as I am trying to submit the code for security review. Will it fail there?
58280
I'm trying to center a fixed size control within a form.  Out of interest, is there a non-idiotic way of doing this? What I really want is something analogous to the text-align css property.  At the moment, I'm setting the padding property of the surrounding form to a suitable size and setting the Dock property of the control to fill.
50964
Does anybody know how to set the background-color of a framed element?    \begin{framed}            Let me have a background :(  \end{framed}
116321
&lt;template&gt;            &lt;lightning-card&gt;                     &lt;lightning-input type=&quot;text&quot; label=&quot;field1&quot; name=&quot;field1&quot; onchange={handleChange}&gt;&lt;/lightning-input&gt;                     &lt;lightning-input type=&quot;text&quot; label=&quot;field2&quot; name=&quot;field2&quot; onchange={handleChange}&gt;&lt;/lightning-input&gt;                     &lt;lightning-input type=&quot;text&quot; label=&quot;field3&quot; name=&quot;field3&quot; onchange={handleChange}&gt;&lt;/lightning-input&gt;                     &lt;div if:true={errorMsg} style=&quot;margin-left: 0%;&quot;&gt;                         &lt;p style=&quot;color: red;&quot;&gt;{errorMsg}&lt;/p&gt;                     &lt;/div&gt;                 &lt;/lightning-card&gt;         &lt;div style=&quot;float: right&quot; class=&quot;slds-p-bottom--large&quot;&gt;         &lt;lightning-button class=&quot;slds-m-left_x-small&quot; label=&quot;Previous&quot; onclick={handlePrevious}&gt;         &lt;/lightning-button&gt;         &lt;lightning-button class=&quot;slds-m-left_x-small&quot; label=&quot;Next&quot; variant=&quot;brand&quot; onclick={handleNext}&gt;         &lt;/lightning-button&gt;     &lt;/div&gt; &lt;/template&gt;  We have above lwc component, which is embedded in screenflow. and the screen flow previous,next buttons are overrided by using Flow Navigation Events. So when we clicked on Previous button, we are facing  class java.lang.String cannot be cast to class java.lang.Boolean (java.lang.String and java.lang.Boolean are in module java.base of loader 'bootstrap')
80378
I'm cleaning up my big crazy style sheets (possibly pertinent to a future question) and I'm wondering the best way to add custom CSS to a specific node or page. In particular, my work site's home page is a Panel Page and it has a bunch of different styling. Right now the CSS is just included with the main theme style sheet. Is there a way to say, &quot;if this is node Foo, then add foo.css&quot;? Is  what I'm looking for? I might be interested in generalizing this to other nodes/sections/etc, but at the moment I just want to handle this one item.
9319
So, I'm working on a control station that has buttons. It is a one-mesh creation, that means, I don't want to create buttons and things like that separated from the main mesh, but as you can see, I have problems. I would like to make the highlighted parts to be one with the main part around them. I've tried everything, and I have this problem on multiple creations. Any idea?  Update: I've added another example of the problem. I want them to be one face, instead of two. (2nd picture)