Untitled Application
MyApp
Author name
1.0
Desktop
False
640
480
False
False
False
WebApp
False
C:\Users\asmat\Documents\VisualNeoWeb\Libraries\img\default-icon.png
.textMiddle{
display:flex;
justify-content:center;
align-items:center;
user-select:none;
}
#tooltips::before{
content:'';
background:transparent;
width:0;
height:0;
display:block;
margin: 0;
position: absolute;
top: 50%;
left:-10px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-right:10px solid #fafbf4;
border-left:10px solid transparent;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
}
.center{
top:0px!important;
left:0px!important;
right:0px!important;
bottom:0px!important;
margin:auto!important;
}
.item{
color:transparent;
user-select:none;
width:calc(100% - 20px)!important;
}
.box {
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12)
;
en
standalone
Offline page
#000000
[AndroidOS,iOS,WindowsPhoneOS]
normal
True
True
False
True
True
False
False
True
False
False
NeoScriptToJS
var n = parseInt(myItem.id.slice(4,5))
myTooltip.style.top = menuTop+gap+(n-1)*(itemHeight+gap)+(itemHeight-tipHeight)/2+"px";
myTooltip.innerHTML = itemText[n-1];
myItem|STRING|obj;myTooltip|STRING|;gap|INTEGER|;itemText|STRING|;menuTop|STRING|;tipHeight|STRING|;itemHeight|STRING|
JavaScript
BEGINJS
//setting code
let itemText=['Home','Profile','Message','Help','Setting'];
let gap =10;
let tipHeight = 36;
let itemHeight = 60;
let blueColor='#0076fc';
let whiteColor='white';
let title = document.getElementById('tooltips');
let menuTop = document.getElementById('menu').offsetTop;
//add hover event.........................................................
$( ".item" ).hover( function() {
neosubroutine.tooltip(this,title,gap,itemText,menuTop,tipHeight,itemHeight);
$scope.ShowObject('tooltips','fadeInLeft',2);
$(this).css('background-color',blueColor);
$(this).children().css('fill',whiteColor);
}, function(){
$scope.HideObject('tooltips');
$(this).css('background-color',whiteColor);
$(this).children().css('fill',blueColor);
});
ENDJS
257px
64px
119px
36px
False
textMiddle
Home
0px
0px
640px
480px
False
custom