How to get started on WSO2 CDM?

I have downloaded and started the Milestone 3 version of WSO2 CDM. How do you bring up the relevant CDM application UI from the Management Console?



Thank you !



Answers

WSO2 CDM milestone 3 does not have a UI application withit. CDM is a framework which provides core functionaliies for managing any device type. For example WSO2 MDM solution has specific plugins, connectors and a UI to manage mobile devices. Hence you need to write your own plugins, connectors and a UI bundle on top of CDM framework to make a use of it.





Multiple Java executables launch same application but different segments

I couldn't come up with a good name for this one, but basically what I want to do is something like LibreOffice. I am sure this is the same for many other applications (Firefox, Gimp). So what it does, you have multiple executables, say word processor and spreadsheets. When you launch Writer (LibreOffice word processor), it starts the application, when you start Calc (LibreOffice spreadsheets), it taggs along with Writer and just opens up another window with the different layout used to edit spreadsheets. It's all under this one process, soffice.bin. Every time you open another section of LibreOffice or another Writer window, you don't get any more processes, just windows. Same thing with Gimp, launching another instance, just brings the current one to focus, different concept but mostly programmatic the same. This could possibly be related to mobile devices, launching the app just brings the open one to focus, though I assume this is OS code doing that.



I am trying to do this in Java. I was thinking a lock file and then some sort of socket connection to communicate. Say Writer is open and you open Calc, it says, "Hey lock file is locked, let's open a socket and tell Writer that I want a Calc window". Obviously, Writer isn't open, it's the main process, but you get the idea.



Note I don't just want it to be, "Another instance of me already exists, System.exit(0)", but instead, "Another instance of me already exists, hey other instance, make another window! System.exit(0)"





Responsive CSS triangle with percents width

The code below will create an arrow right below an <a> element:



<a href="#" class="btn">Hello!</a>

.btn {
position: relative;
display: inline-block;
width: 100px;
height: 50px;
text-align: center;
color: white;
background: gray;
line-height: 50px;
text-decoration: none;
}
.btn:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-width: 10px 50px 0 50px;
border-style: solid;
border-color: gray transparent transparent transparent;
}


JSFiddle



The problem is that we have to indicate the link width to get an arrow of a proper size because we cannot indicate the border width in pixels.



How to make a responsive triangle percent based?



Answers

You could use a skewed and rotated pseudo element to create a responsive triangle under the link :



DEMO (resize the result window to see how it reacts)



The triangle maintains it's aspect ratio with the padding-bottom property.



If you want the shape to adapt it's size according to it's content, you can remove the width on the .btn class





.btn {
position: relative;
display: inline-block;
height: 50px; width: 50%;
text-align: center;
color: white;
background: gray;
line-height: 50px;
text-decoration: none;
padding-bottom: 15%;
background-clip: content-box;
overflow: hidden;
}
.btn:after {
content: "";
position: absolute;
top:50px; left: 0;
background-color: inherit;
padding-bottom: 50%;
width: 57.7%;
z-index: -1;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
}
/** FOR THE DEMO **/

body {
background: url('http://lorempixel.com/output/people-q-c-640-480-1.jpg');
background-size: cover;
}

<a href="#" class="btn">Hello!</a>





For more info on responsive triangles and how to make them, you can have a look at
Triangles with transform rotate (simple and fancy triangles)



Answers

A modified version of the below code can help you to achieve this



HTML



<div class="triangle-down"></div>


CSS



.triangle-down {
width: 10%;
height: 0;
padding-left:10%;
padding-top: 10%;
overflow: hidden;
}
.triangle-down:after {
content: "";
display: block;
width: 0;
height: 0;
margin-left:-500px;
margin-top:-500px;

border-left: 500px solid transparent;
border-right: 500px solid transparent;
border-top: 500px solid #4679BD;
}


For further reading on responsive triangles: Responsive CSS Triangles





↑このページのトップヘ