<NME> action-settings.cocoascript
<BEF> 
var configureRetina = nil
var configureMobile = nil
var configureMinimalExport = nil
var configureAutoplay = nil



var block = 40
var paddingLeft = block / 2
var columnWidth = block * 5 + 20

var smallFontSize = 13


var fieldColor = [NSColor colorWithSRGBRed:0.97 green:0.97 blue:0.97 alpha:1]
var backgroundColor = [NSColor colorWithRed:0.15 green:0.15 blue:0.15 alpha:1]




	exportWindow.setHasShadow(true);
	exportWindow.setLevel(NSFloatingWindowLevel);

	initConfigureValues()
	
	var exportWindow = [[NSWindow alloc] init]
	[exportWindow setFrame:NSMakeRect(0, 0, columnWidth + paddingLeft * 4 + 4, block * 8 + 10) display:false];
	[exportWindow setBackgroundColor:backgroundColor];
	
	
	var retinaField = createRetinaInput(exportWindow)
	var autoplayCheckbox = createAutoplayCheckbox(exportWindow)
	var miniamlExportCheckbox = createMinimalExportCheckbox(exportWindow)
	var mobileCheckbox = createMobileCheckbox(exportWindow)
	createLogo(exportWindow)
	createHelpButton(exportWindow)
	



	
	var headerViews = createHeader()
	for (var i = 0; i < headerViews.length; i++) { [[exportWindow contentView] addSubview:headerViews[i]] }

	var licenseButton = ViewInventory.addButton( NSMakeRect(126+5+4, 274-50, 112, 28), "settings/donate",
			function(sender){
		[exportWindow orderOut:nil]
		[NSApp stopModal]
		
		configureRetina = retinaField.stringValue()
		saveSettings()
	}];
	[saveButton setAction:"callAction:"];
					}

	})
	[[exportWindow contentView] addSubview:licenseButton]



	// var firstLineViews = createFirstLine()
	// for (var i = 0; i < firstLineViews.length; i++) { [[exportWindow contentView] addSubview:firstLineViews[i]] }
	// var retinaInput = firstLineViews[0]




	var checkViews = createCheckViews()
	for (var i = 0; i < checkViews.length; i++) { [[exportWindow contentView] addSubview:checkViews[i]] }



var initConfigureValues = function() {
	configureRetina = userDefaults.myRetinaString
	configureMobile = userDefaults.myMobile
	configureMinimalExport = userDefaults.myMinimalExport
	configureAutoplay = userDefaults.myAutoplay
}

var saveSettings = function() {
	
	userDefaults.myRetinaString = configureRetina
	userDefaults.myMobile = configureMobile
	userDefaults.myMinimalExport = configureMinimalExport
	userDefaults.myAutoplay = configureAutoplay
					[currentDocument showMessage:"💾"]
				}
				else { [currentDocument showMessage:"Scale variable should contain only letters. Back to \"" + userDefaults.myRetinaString + "\""] }
	})

	[saveButton setKeyEquivalent:"\033"]
	[[exportWindow contentView] addSubview:saveButton];




	var learnButton = ViewInventory.addButton( NSMakeRect(86, 17, 78, 22), "settings/learn",
			function(sender){
				var url = [NSURL URLWithString:StatisticsInventory.getLearnLink()];
				[[NSWorkspace sharedWorkspace] openURL:url]



var createRetinaInput = function(exportWindow) {
	var labelDescription = "Scale variable name"
	var labelPlaceholder = "Ex: \"retina\""
	var paddingBottom = block * 4 + (block * 3 / 4)
	
	var titleRetina = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom + 30, columnWidth, 16)];
    [titleRetina setEditable:false];
    [titleRetina setBordered:false];
    [titleRetina setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
    [titleRetina setTextColor:lightColor];
    [titleRetina setDrawsBackground:false];
    [titleRetina setStringValue:labelDescription];
    [titleRetina sizeToFit];
    [[exportWindow contentView] addSubview:titleRetina];
    
	var retinaInput = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom + 4, columnWidth / 4 * 3, 20)];
    [[retinaInput cell] setPlaceholderString:labelPlaceholder];
	[retinaInput setFocusRingType:NSFocusRingTypeNone];
    [retinaInput setBordered:false];
    [retinaInput setBackgroundColor:fieldColor];
    [retinaInput setStringValue:configureRetina];
    [[exportWindow contentView] addSubview:retinaInput];
	
	return retinaInput
}


var createAutoplayCheckbox = function(exportWindow) {
	var labelDescription = "Autoplay for Simulate Keynote"
	var paddingBottom = block * 2
	
	var titleAutoplay = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
    [titleAutoplay setEditable:false];
    [titleAutoplay setBordered:false];
    [titleAutoplay setFont:[NSFont boldSystemFontOfSize:smallFontSize]];

	var supportButton = ViewInventory.addButton( NSMakeRect(10+5, 274-50, 112, 28), "settings/support",
			function(sender){
				var url = [NSURL URLWithString:StatisticsInventory.getSupportLink()];
				[[NSWorkspace sharedWorkspace] openURL:url]

	})

	return [supportButton]
}



var createRadioGroupRelative = function() {

	var prototype = [[NSButtonCell alloc] init];
}


var createMinimalExportCheckbox = function(exportWindow) {
	var labelDescription = "Minimal Export for Simulate Keynote"
	var paddingBottom = block * 2 + (block * 3 / 4)
	
	var titleMinimalExport = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
    [titleMinimalExport setEditable:false];
    [titleMinimalExport setBordered:false];
    [titleMinimalExport setFont:[NSFont boldSystemFontOfSize:smallFontSize]];

		var matrixRect = NSMakeRect(16, 130, 120, 48);
		var myMatrix = [[NSMatrix alloc] initWithFrame:matrixRect
																											mode:NSRadioModeMatrix
																								 prototype:prototype
																							numberOfRows:2
																					 numberOfColumns:1];

		var cellArray = [myMatrix cells];
		var cellTitle1 = " camelCase"
		var cellTitle2 = " under_scores"
		[[cellArray objectAtIndex:0] setTitle:cellTitle1];
		[[cellArray objectAtIndex:1] setTitle:cellTitle2];
		[myMatrix setCellSize:NSMakeSize(120, 24)]
		if (userDefaults.myCodeStyle == 0) { [myMatrix selectCellAtRow:1 column:0] }
		else { [myMatrix selectCellAtRow:0 column:0] }



var createMobileCheckbox = function(exportWindow) {
	var labelDescription = "Mobile prototyping"
	var paddingBottom = block * 4
	
	var titleMobile = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
    [titleMobile setEditable:false];
    [titleMobile setBordered:false];
    [titleMobile setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
var createRadioGroupStyle = function() {

		var prototype = [[NSButtonCell alloc] init];
		[prototype setTitle:"Style Type"];
		[prototype setButtonType:NSRadioButton];
		[prototype setFont:ViewInventory.fontRadioButton()];

		var matrixRect = NSMakeRect(174, 130, 120, 48);
		var myMatrix = [[NSMatrix alloc] initWithFrame:matrixRect
																											mode:NSRadioModeMatrix
																								 prototype:prototype
																							numberOfRows:2
																					 numberOfColumns:1];

		var cellArray = [myMatrix cells];
		var cellTitle1 = " Tabs"
}

var createLogo = function(exportWindow) {
	var paddingBottom = block * 6 + 10
	
	var imagePath = pluginPath + '/images/' + 'logo' + isRetinaRequired() + '.png';
	var image = NSImage.alloc().initByReferencingFile(imagePath);
	var imageView = [[NSImageView alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom, columnWidth + block - 10, 40)];
	[imageView setImage: image];
	[[exportWindow contentView] addSubview:imageView];
}

var createHelpButton = function(exportWindow) {	
    var helpButton = [[NSButton alloc] initWithFrame:NSMakeRect(paddingLeft + columnWidth + 13, 10, 32, 32)];
	[helpButton setBezelStyle:NSHelpButtonBezelStyle];
	[helpButton setTitle:nil];
	[helpButton setCOSJSTargetFunction:function(sender) {
	[retinaInput setFont:ViewInventory.fontInputControls()];


	var densityAccessory = NSPopUpButton.alloc().initWithFrame(NSMakeRect(measureSettingBlock, 220-4, 64, 28))
	[[densityAccessory cell] setBezelStyle:NSTexturedRoundedBezelStyle];
	var densityValues = ["Pixels", "Points"];
	densityAccessory.addItemsWithTitles(densityValues)
	// densityAccessory.selectItemAtIndex(userDefaults.myRetinaEnabled)
	densityAccessory.selectItemAtIndex(0)
	[densityAccessory setFont:ViewInventory.fontAccessory()];

	densityAccessory.setCOSJSTargetFunction(function(sender){
			userDefaults.myRetinaEnabled = densityAccessory.indexOfSelectedItem()
			saveDefaults(Status.userDomain(), userDefaults)
	})


	var deviceAccessory = NSPopUpButton.alloc().initWithFrame(NSMakeRect(174, 220-4, 110, 28))
	[[deviceAccessory cell] setBezelStyle:NSTexturedRoundedBezelStyle];
	var devices = ScaleInventory.returnDevices()
	for (var i = 0; i < devices.length; i++) {
			deviceAccessory.addItemsWithTitles(devices[i])
			if (i != devices.length - 1) { [[deviceAccessory menu] addItem:[NSMenuItem separatorItem]] }
	}
	deviceAccessory.selectItemAtIndex(ScaleInventory.deviceToSelect(userDefaults.myDevice))
	[deviceAccessory setFont:ViewInventory.fontAccessory()];

	deviceAccessory.setCOSJSTargetFunction(function(sender) {
			userDefaults.myDevice = ScaleInventory.selectedDeviceIndex(deviceAccessory.indexOfSelectedItem())
			saveDefaults(Status.userDomain(), userDefaults)
			ToolbarInventory.updateAccessoryControls()
	})


	return [retinaInput, densityAccessory, deviceAccessory]
}



var createCheckViews = function() {

	var titleMinimalExport = [[NSTextField alloc] initWithFrame:NSMakeRect(measureSettingBlock*2+2, 88, measureSettingsWidth - measureSettingBlock*3, measureSettingBlock)];
  [titleMinimalExport setEditable:false];
  [titleMinimalExport setBordered:false];
	[titleMinimalExport setFont:ViewInventory.fontCheckControls()];
  [titleMinimalExport setTextColor:ViewInventory.colorBlack()];
  [titleMinimalExport setDrawsBackground:false];
  [titleMinimalExport setStringValue:" Use minimazed states in Prototypes"];
  [titleMinimalExport sizeToFit];

	var checkboxMinimalExport = [[NSButton alloc] initWithFrame:NSMakeRect(measureSettingBlock, 88-1, measureSettingBlock*12, measureSettingBlock)];
	[checkboxMinimalExport setButtonType:NSSwitchButton];
	[checkboxMinimalExport setTitle:""];
	[checkboxMinimalExport setState:userDefaults.myMinimalExport];
	checkboxMinimalExport.setCOSJSTargetFunction(function(sender){
		userDefaults.myMinimalExport = userDefaults.myMinimalExport == 0 ? 1 : 0
		saveDefaults(Status.userDomain(), userDefaults)
	})

	return [titleMinimalExport, checkboxMinimalExport]
}




var createVersionView = function() {
	var titleVersion = [[NSTextField alloc] initWithFrame:NSMakeRect(0, 319-50+4, measureSettingsWidth, measureSettingBlock)];
	[titleVersion setEditable:false];
	[titleVersion setBordered:false];
	[titleVersion setFont:ViewInventory.fontCheckControls()];
	[titleVersion setTextColor:ViewInventory.colorVersion()];
	[titleVersion setDrawsBackground:false];
	[titleVersion setStringValue:"v" + pluginVersion];
	[titleVersion setAlignment:NSCenterTextAlignment];

	return titleVersion
}


var createHelpButton = function() {
  var helpButton = [[NSButton alloc] initWithFrame:NSMakeRect(measureSettingsWidth-32-20+2, 12, 32, 32)];
	[helpButton setBezelStyle:NSHelpButtonBezelStyle];
	[helpButton setTitle:nil];
	[helpButton setCOSJSTargetFunction:function(sender) {
			var url = NSURL.URLWithString(StatisticsInventory.getHelpLink());
			[[NSWorkspace sharedWorkspace] openURL:url]
	}];
	[helpButton setAction:"callAction:"]

	return helpButton
}

<MSG> Updated UI for new properties

Updated UI for Settings:
- added checkbox for Auto Code
- added dropdown for retina value
- ignore “retina = X” for integer retina values

TODO:
- iPhone properties are the main priority and should ignore the retina
value (skip for iPhone sizes only)
- Provide better UI for Auto Code

<DFF> @@ -1,5 +1,6 @@
-
-var configureRetina = nil
+var configureRetinaEnabled = nil
+var configureRetinaValue = nil
+var configureRetinaString = nil
 var configureMobile = nil
 var configureMinimalExport = nil
 var configureAutoplay = nil
@@ -7,8 +8,8 @@ var configureAutoplay = nil
 
 
 var block = 40
-var paddingLeft = block / 2
-var columnWidth = block * 5 + 20
+var paddingLeft = 30
+var columnWidth = 375-30*2
 
 var smallFontSize = 13
 
@@ -16,6 +17,7 @@ var lightColor = [NSColor colorWithRed:0.6 green:0.6 blue:0.6 alpha:1];
 var fieldColor = [NSColor colorWithSRGBRed:0.97 green:0.97 blue:0.97 alpha:1]
 var backgroundColor = [NSColor colorWithRed:0.15 green:0.15 blue:0.15 alpha:1]
 
+var retinaValues = [0.5, 1, 1.5, 2, 3, 4]
 
 
 
@@ -25,18 +27,21 @@ var runSettings = function() {
 	initConfigureValues()
 	
 	var exportWindow = [[NSWindow alloc] init]
-	[exportWindow setFrame:NSMakeRect(0, 0, columnWidth + paddingLeft * 4 + 4, block * 8 + 10) display:false];
+	[exportWindow setFrame:NSMakeRect(0, 0, 375, 420) display:false];
 	[exportWindow setBackgroundColor:backgroundColor];
 	
-	
-	var retinaField = createRetinaInput(exportWindow)
-	var autoplayCheckbox = createAutoplayCheckbox(exportWindow)
-	var miniamlExportCheckbox = createMinimalExportCheckbox(exportWindow)
-	var mobileCheckbox = createMobileCheckbox(exportWindow)
+		
 	createLogo(exportWindow)
-	createHelpButton(exportWindow)
+	createMobileCheckbox(exportWindow)
+	createTip(exportWindow)
+	createAutocodeCheckbox(exportWindow)
+	var retinaValueField = createRetinaValueInput(exportWindow)
+	var retinaStringField = createRetinaStringInput(exportWindow)
 	
-
+	createMinimalExportCheckbox(exportWindow)
+	createAutoplayCheckbox(exportWindow)
+	
+	createHelpButton(exportWindow)
 
 
 	
@@ -48,7 +53,8 @@ var runSettings = function() {
 		[exportWindow orderOut:nil]
 		[NSApp stopModal]
 		
-		configureRetina = retinaField.stringValue()
+		configureRetinaValue = retinaValues[retinaValueField.indexOfSelectedItem()]
+		configureRetinaString = retinaStringField.stringValue()
 		saveSettings()
 	}];
 	[saveButton setAction:"callAction:"];
@@ -72,15 +78,18 @@ var runSettings = function() {
 
 
 var initConfigureValues = function() {
-	configureRetina = userDefaults.myRetinaString
+	configureRetinaEnabled = userDefaults.myRetinaEnabled
+	configureRetinaValue = userDefaults.myRetinaValue
+	configureRetinaString = userDefaults.myRetinaString
 	configureMobile = userDefaults.myMobile
 	configureMinimalExport = userDefaults.myMinimalExport
 	configureAutoplay = userDefaults.myAutoplay
 }
 
 var saveSettings = function() {
-	
-	userDefaults.myRetinaString = configureRetina
+	userDefaults.myRetinaEnabled = configureRetinaEnabled
+	userDefaults.myRetinaValue = configureRetinaValue
+	userDefaults.myRetinaString = configureRetinaString
 	userDefaults.myMobile = configureMobile
 	userDefaults.myMinimalExport = configureMinimalExport
 	userDefaults.myAutoplay = configureAutoplay
@@ -102,38 +111,62 @@ function isRetinaRequired() {
 
 
 
-var createRetinaInput = function(exportWindow) {
-	var labelDescription = "Scale variable name"
+var createRetinaStringInput = function(exportWindow) {
+	var labelDescription = "Off"
 	var labelPlaceholder = "Ex: \"retina\""
-	var paddingBottom = block * 4 + (block * 3 / 4)
-	
-	var titleRetina = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom + 30, columnWidth, 16)];
-    [titleRetina setEditable:false];
-    [titleRetina setBordered:false];
-    [titleRetina setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
-    [titleRetina setTextColor:lightColor];
-    [titleRetina setDrawsBackground:false];
-    [titleRetina setStringValue:labelDescription];
-    [titleRetina sizeToFit];
-    [[exportWindow contentView] addSubview:titleRetina];
+	var paddingBottom = 220-17
+	
+	// var titleRetina = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft+100, paddingBottom + 24, 140, 16)];
+//     [titleRetina setEditable:false];
+//     [titleRetina setBordered:false];
+//     [titleRetina setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
+//     [titleRetina setTextColor:lightColor];
+//     [titleRetina setDrawsBackground:false];
+//     [titleRetina setStringValue:labelDescription];
+//     [titleRetina sizeToFit];
+//     [[exportWindow contentView] addSubview:titleRetina];
     
-	var retinaInput = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom + 4, columnWidth / 4 * 3, 20)];
+	var retinaInput = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft+100, paddingBottom+2, 140, 20)];
     [[retinaInput cell] setPlaceholderString:labelPlaceholder];
-	[retinaInput setFocusRingType:NSFocusRingTypeNone];
+	// [retinaInput setFocusRingType:NSFocusRingTypeNone];
     [retinaInput setBordered:false];
     [retinaInput setBackgroundColor:fieldColor];
-    [retinaInput setStringValue:configureRetina];
+    [retinaInput setStringValue:configureRetinaString];
     [[exportWindow contentView] addSubview:retinaInput];
 	
 	return retinaInput
 }
 
 
+var createRetinaValueInput = function(exportWindow) {
+	var labelDescription = "On"
+	var paddingBottom = 220-17
+	
+	var selectedItemIndex = -1
+	var retinaTextValues = []
+	
+	for (var i = 0; i < retinaValues.length; i++) {
+		if (retinaValues[i] == configureRetinaValue) { selectedItemIndex = i; }
+		retinaTextValues.push(retinaValues[i] + "x")
+	}
+	
+	if (selectedItemIndex < 0) { selectedItemIndex = 1; }
+	
+	
+	var accessory = NSComboBox.alloc().initWithFrame(NSMakeRect(paddingLeft+20,paddingBottom, 60, 24))
+    accessory.addItemsWithObjectValues(retinaTextValues)
+    accessory.selectItemAtIndex(selectedItemIndex)
+	[[exportWindow contentView] addSubview:accessory];
+	
+	return accessory
+}
+
+
 var createAutoplayCheckbox = function(exportWindow) {
 	var labelDescription = "Autoplay for Simulate Keynote"
-	var paddingBottom = block * 2
+	var paddingBottom = 113-17
 	
-	var titleAutoplay = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
+	var titleAutoplay = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 21, paddingBottom, columnWidth, 16)];
     [titleAutoplay setEditable:false];
     [titleAutoplay setBordered:false];
     [titleAutoplay setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
@@ -156,11 +189,38 @@ var createAutoplayCheckbox = function(exportWindow) {
 }
 
 
+var createAutocodeCheckbox = function(exportWindow) {
+	var labelDescription = "Auto Code support (On/Off)"
+	var paddingBottom = 282-20
+	
+	var titleMinimalExport = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft+21, paddingBottom, columnWidth, 16)];
+    [titleMinimalExport setEditable:false];
+    [titleMinimalExport setBordered:false];
+    [titleMinimalExport setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
+    [titleMinimalExport setTextColor:lightColor];
+    [titleMinimalExport setDrawsBackground:false];
+    [titleMinimalExport setStringValue:labelDescription];
+    [titleMinimalExport sizeToFit];
+    [[exportWindow contentView] addSubview:titleMinimalExport];
+	
+	var minimalExportCheckbox = [[NSButton alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom, columnWidth, 16)];
+	[minimalExportCheckbox setButtonType:NSSwitchButton];
+	[minimalExportCheckbox setTitle:""];
+	[minimalExportCheckbox setState:configureRetinaEnabled];
+	minimalExportCheckbox.setCOSJSTargetFunction(function(sender){
+		configureRetinaEnabled = configureRetinaEnabled == 0 ? 1 : 0
+	})
+	[[exportWindow contentView] addSubview:minimalExportCheckbox];
+	
+	return minimalExportCheckbox
+}
+
+
 var createMinimalExportCheckbox = function(exportWindow) {
 	var labelDescription = "Minimal Export for Simulate Keynote"
-	var paddingBottom = block * 2 + (block * 3 / 4)
+	var paddingBottom = 140-17
 	
-	var titleMinimalExport = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
+	var titleMinimalExport = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft+21, paddingBottom, columnWidth, 16)];
     [titleMinimalExport setEditable:false];
     [titleMinimalExport setBordered:false];
     [titleMinimalExport setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
@@ -184,10 +244,10 @@ var createMinimalExportCheckbox = function(exportWindow) {
 
 
 var createMobileCheckbox = function(exportWindow) {
-	var labelDescription = "Mobile prototyping"
-	var paddingBottom = block * 4
+	var labelDescription = "iPhone Prototyping"
+	var paddingBottom = 303-17
 	
-	var titleMobile = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft + 20, paddingBottom, columnWidth, 16)];
+	var titleMobile = [[NSTextField alloc] initWithFrame:NSMakeRect(paddingLeft+21, paddingBottom, columnWidth, 16)];
     [titleMobile setEditable:false];
     [titleMobile setBordered:false];
     [titleMobile setFont:[NSFont boldSystemFontOfSize:smallFontSize]];
@@ -210,17 +270,27 @@ var createMobileCheckbox = function(exportWindow) {
 }
 
 var createLogo = function(exportWindow) {
-	var paddingBottom = block * 6 + 10
+	var paddingBottom = 338-17
 	
 	var imagePath = pluginPath + '/images/' + 'logo' + isRetinaRequired() + '.png';
 	var image = NSImage.alloc().initByReferencingFile(imagePath);
-	var imageView = [[NSImageView alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom, columnWidth + block - 10, 40)];
+	var imageView = [[NSImageView alloc] initWithFrame:NSMakeRect(0, paddingBottom, 375, 82)];
+	[imageView setImage: image];
+	[[exportWindow contentView] addSubview:imageView];
+}
+
+var createTip = function(exportWindow) {
+	var paddingBottom = 195-17
+	
+	var imagePath = pluginPath + '/images/' + 'tip' + isRetinaRequired() + '.png';
+	var image = NSImage.alloc().initByReferencingFile(imagePath);
+	var imageView = [[NSImageView alloc] initWithFrame:NSMakeRect(paddingLeft, paddingBottom, 270, 77)];
 	[imageView setImage: image];
 	[[exportWindow contentView] addSubview:imageView];
 }
 
 var createHelpButton = function(exportWindow) {	
-    var helpButton = [[NSButton alloc] initWithFrame:NSMakeRect(paddingLeft + columnWidth + 13, 10, 32, 32)];
+    var helpButton = [[NSButton alloc] initWithFrame:NSMakeRect(375-30-24, 10, 32, 32)];
 	[helpButton setBezelStyle:NSHelpButtonBezelStyle];
 	[helpButton setTitle:nil];
 	[helpButton setCOSJSTargetFunction:function(sender) {

Updated UI for new properties