setIndent.html
<HTML>
<HEAD>
<script>var
dFrameFilePath = '../../../'</script>
<script
language="Javascript"
src="../../../lib/dFrameAPI.js"></script>
<script language="Javascript">
//Style
DFrameAPI.include('styles/blue/styleBlue.js')
DFrameAPI.onLoad = function(){
dFrameStyle.setDragEnabled(true)
dFrameStyle.setIndentX(50)
dFrameStyle.setIndentY(50)
//In order empty floating Bars have not null dimensions
dFrameStyle.getDefaultBarStyle().setAutoWidth('')
dFrameStyle.getDefaultBarStyle().setAutoHeight('')
//============= dFrame1
var dFrame1 = new DFrame([11, 10, 60, 60], 'setIndent',
dFrameStyle)
var x = dFrame1.getStyle().getDefaultBarStyle()
x.setPos([0, 0, 30, 30])
x.setIndentX(20)
x.setIndentY(20)
var bar = dFrame1.addBar()
bar.setBackgroundColor('red')
var bar = dFrame1.addBar()
bar.setBackgroundColor('blue')
var bar = dFrame1.addBar()
bar.setBackgroundColor('yellow')
var dFrameText = new DFrame([0, 0, 30, 30], 'test',
dFrameStyle, dFrame1)
dFrameText.alert('some DFrame')
dFrame1.show()
//============= dFrame2
var dFrame2 = new DFrame([11, 10, 60, 60],
'setFreezeXXXSide', dFrameStyle)
var x = dFrame2.getStyle().getDefaultBarStyle()
x.setPos([0, 0, 30, 30])
x.setFreezeLeftSide()
x.setFreezeTopSide()
var bar = dFrame2.addBar()
bar.setBackgroundColor('red')
var bar = dFrame2.addBar()
bar.setBackgroundColor('blue')
var bar = dFrame2.addBar()
bar.setBackgroundColor('yellow')
var dFrameText = new DFrame([0, 0, 80, 80], 'test',
dFrameStyle, dFrame2)
dFrameText.alert('some DFrame')
var text = dFrame2.addText('Note that each Bar is smaller
than the previous one because each Bar freezes<br>some area and the
remaining space becomes smaller and smaller.<br>In the same way
dimensions of the DFrame have been set to [80, 80]', [2, 10])
text.setOverlayParentBars()
dFrame2.show()
//============= dFrame3
var dFrame3 = new DFrame([11, 10, 60, 60], 'setFreeze and
setIndent', dFrameStyle)
var x = dFrame3.getStyle().getDefaultBarStyle()
x.setPos([0, 0, 30, 30])
x.setFreezeLeftSide()
x.setFreezeTopSide()
x.setIndentX(10)
x.setIndentY(10)
var bar = dFrame3.addBar()
bar.setBackgroundColor('red')
var bar = dFrame3.addBar()
bar.setBackgroundColor('blue')
var bar = dFrame3.addBar()
bar.setBackgroundColor('yellow')
var dFrameText = new DFrame([0, 0, 90, 90], 'test',
dFrameStyle, dFrame3)
dFrameText.alert('some DFrame')
var text = dFrame3.addText('You can drag the dFrames to see
how the freezeXXXSide and indent<br>parameters modify appearances.', [2,
10])
text.setOverlayParentBars()
dFrame3.show()
}
</script>
</HEAD>
</HTML>
</HTML>