The code at the bottom generates the output below. How can I set the sprite's background color (white) to the background color (purple)?
#startuml Archimate
skinparam defaultTextAlignment center
skinparam backgroundColor #EEEBDC
skinparam Legend {
BackgroundColor #EEEBDC
FontColor #000000
BorderThickness 0
}
!define ICONURL https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/v2.2.0
!include ICONURL/common.puml
!include ICONURL/devicons2/docker.puml
skinparam componentStyle rectangle
skinparam ArrowColor #546E7A
!define _dockerbackgroundcolor #7B1FA2
!define _dockercolor #CE93D8
!define _dockercoloralternate #F48FB1
!define _dockertextcolor #FFFFFF
DEV2_DOCKER(app1,<color:_dockertextcolor>FileMonitor,component,_dockercolor) _dockerbackgroundcolor
DEV2_DOCKER(app2,<color:_dockertextcolor>DataAPI,component,_dockercoloralternate) _dockerbackgroundcolor
app1 -down-> app2
legend right
|<_dockerbackgroundcolor><color:_dockercolor><$docker> | App1 |
|<_dockerbackgroundcolor><color:_dockercoloralternate><$docker> | App2 |
endlegend
#enduml
According to here it was a bug.
Related
how can I do fade in and out when button is pressed.
I am looking for most simple and best practice Swift 4 solution as possible.
Something like Apple iOS 11 Calculator button fade...
So far I have this...
myButton.setTitleColor(UIColor.red, for: UIControlState.normal)
myButton.backgroundColor=UIColor.gray
myButton.setTitleColor(UIColor.gray, for: UIControlState.highlighted)
myButton.backgroundColor=UIColor.red
I am kinda lost. Many thanks for any answer.
I don't know about fade in/out for calculator but you will get similar effect by this:
Set UIButton type as Custom and set Text Color as White from storyboard.
Set BackgroundColor of UIButton as Tungsten(take e.g. Calculator app)
Create custom class for UIButton and set customButton class to UIButton from Identity Inspector.
class customButton: UIButton {
override open var isHighlighted: Bool {
didSet {
//Set colors for Highlighted & Unhighlighted
backgroundColor = isHighlighted ? UIColor.lightGray.withAlphaComponent(0.7) : UIColor(red: 51/255, green: 51/255, blue: 51/255, alpha: 1.0)
}
}
}
Result:
I want that my tinymce convert the bbcode to html code. I am adding tinymce in Extjs 6. When I want to make the Bold, it writes me in the html code [b] and it is the same thing for: italic, underlined, size.
I follow this link but it's not working too: Convert BBcode to HTML using JavaScript/jQuery
How can change that please, because it is showing on my website like this:
[b]Test[/b] instead of Test
This my code:
tinyMCEConfig: {
content_style: "iframe { width:100%}",
plugins : [
'advlist anchor autolink autoresize autosave bbcode charmap link code image imagetools codesample contextmenu colorpicker code lists charmap print hr anchor pagebreak spellchecker',
'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking example fullscreen importcss media ',
'save paste preview table template textcolor textpattern visualblocks visualchars wordcount searchreplace spellchecker tabfocus contextmenu directionality emoticons template textcolor textpattern insertdatetime layer lists'
],
menubar: 'insert edit view',
image_advtab: true ,
external_filemanager_path:"/ext/ux/newtinymce/js/responsive_filemanager/filemanager/",
filemanager_title:"Responsive Filemanager" ,
external_plugins: { "filemanager" : "/ext/ux/newtinymce/js/responsive_filemanager/filemanager/plugin.min.js"},
toolbar1: 'responsivefilemanager bold italic underline strikethrough alignleft aligncenter alignright alignjustify numlist bullist anchor ',
toolbar2: 'code codesample preview hr textcolor fullpage textpattern layer lists emoticons media image imagetools fontsizeselect fontselect',
toolbar3: 'ltr rtl visualblocks searchreplace insertdatetime nonbreaking fullscreen indent pagebreak template ',
toolbar4: 'save cancel pastetext paste print table importcss textcolor backcolor textpattern wordcount lists contextmenu restoredraft bbcode charmap link instagram',
bbcode_dialect: "punbb",
autoresize_max_height: 50,
fontsize_formats : "8pt 8.25pt 8.5pt 8.75pt 9pt 9.25pt 9.5pt 10pt 11pt 12pt 14pt 18pt 24pt 36pt",
font_formats: 'Schriftart=Schriftart;Microsoft Sans Serif=Microsoft Sans Serif;Sans-serif = sans-serif;Andale Mono=andale mono,times;Arial=arial, helvetica, sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua; Palatino = palatino;'+
'Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;'+
'Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif; Serif = serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;'+
'Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats',
}
you enable in
PunBB.INFO → Administration → Settings → Features
option
Message options Allow BBCode in posts (recommended).
I've desperately been trying to change the label text color on the charts I'm drawing with nvd3.js - they're drawn in black, but I need them white due to the color of the page they are included on.
I'm using nvd3.js version 1.1.15BETA with d3.js version 3.3.13, integrated into my AngularJS app via the angularjs-nvd3-directives version 0.0.7.
Does anyone have any suggestions on what to do to accomplish this?
Thanks.
Changing the text color in your chart, try this :
svg text {
fill: white;
}
To change the label color in the pie chart
.nvd3.nv-pie .nv-slice text {
fill: white !important;
}
Here is a working fiddle.
Hope it helps
Hope it helps:
in your controller:
$scope.callbackFunction = function(){
return function(){
d3.selectAll('.nv-pieLabels text').style('fill', "white");
}
}
In your HTML (the only important thing is callback=callbackFunction()):
<nvd3-pie-chart
data="exampleData"
id="exampleId"
color="colorFunction()"
width="1100"
height="700"
x="xFunction()"
y="yFunction()"
rotateLabels="120"
showLabels="true"
callback="callbackFunction()">
<svg></svg>
</nvd3-pie-chart>
Credits to:
https://github.com/cmaurer/angularjs-nvd3-directives/blob/master/examples/nvd3.callback.html
&
https://github.com/krispo/angular-nvd3/issues/8
I have an image button which looks like :
Here is my code for the image button :
var button = new qx.ui.form.Button(null, "myapp/test.png");
container.add(button, { left: 10, top: 10 });
How to remove the button border & the padding ? I want to display the image only.
note: container is a qx.ui.layout.Canvas.
The border and padding are defined by the button's decorator, which is nullable:
button.setDecorator(null);
I am trying to change theme of sencha application, i want to know how to change background color of all panels and containers of sencha touch app like touchstyle application
I changed the title bar, tab panel color, but i don't know how to change the color of panel and container.
Set the style config.
style: {
background: 'red'
}
EDIT:
You could set the cls config for your panel. E.g: cls: red-bg and in your stylesheet:
.red-bg .x-panel-body{
background-color : red !important;
}
Two ways:
First(Directly change in panel):
new Ext.Panel({
width:200,
height:200,
bodyStyle:{"background-color":"red"},
renderTo: document.body
});
Second(Add CSS class and use it in Panel's 'bodyCssClass' property):
.x-panel-body{
background-color: blue}