Cannot DRAG a skill to F12 using MOBILEUI

[jimboy092032]

I cannot drag any skill to F12

[KhrysTLords]

I cannot drag any skill to F12

i added F1, F2, F3 and PET buttons to the UI, its still not perfect i need to tweek the hight of it, but will gladly share as soon its presentable, i advise to not replace f10 and f12

[MrAntares]

How do you have F12? Skill bar default is F1->F9 1->9 Q->O A->L

[KhrysTLords]

he means he wanted to skill drag to the F12 Button that toogles the chat size, i have made 4 new buttons for easy access on the mobile. The change goes as follow.

on the \src\UI\Components\MobileUI\MobileUI.html Change the button bar to: <div id="leftBar" class="buttonBar disabled"> <button id="f1Button" class="buttons mobileKeys secondary vertical">F1</button><br/> <button id="f2Button" class="buttons mobileKeys secondary vertical">F2</button><br/> <button id="f3Button" class="buttons mobileKeys secondary vertical">F3</button><br/> <button id="f10Button" class="buttons mobileKeys secondary vertical">F10</button><br/> <button id="f12Button" class="buttons mobileKeys secondary vertical">F12</button><br/> <button id="insButton" class="buttons mobileKeys secondary vertical">Ins</button><br/> </div>

on the \src\UI\Components\MobileUI\MobileUI.js change MobileUI.init = function init() { this.ui.find('#toggleUIButton').click( function(e){ toggleButtons(); stopPropagation(e);}); this.ui.find('#fullscreenButton').click( function(e){ toggleFullScreen(); stopPropagation(e);}); this.ui.find('#f1Button').click( function(e){ keyPress(112); stopPropagation(e);}); this.ui.find('#f2Button').click( function(e){ keyPress(113); stopPropagation(e);}); this.ui.find('#f3Button').click( function(e){ keyPress(114); stopPropagation(e);}); this.ui.find('#f10Button').click( function(e){ keyPress(121); stopPropagation(e);}); this.ui.find('#f12Button').click( function(e){ keyPress(123); stopPropagation(e);}); this.ui.find('#insButton').click( function(e){ keyPress(45); stopPropagation(e);});

	this.ui.find('#toggleTargetingButton').click(	function(e){ toggleTouchTargeting();	stopPropagation(e);});
	this.ui.find('#toggleAutoTargetButton').click(	function(e){ toggleAutoTargeting();		stopPropagation(e);});
	
	this.ui.find('#attackButton').click(			function(e){ attackTargeted();			stopPropagation(e);});
	
	this.ui.find('.buttons')
		.on('mousedown',	function(e){ jQuery(e.target).addClass('pressed'); })
		.on('touchstart',	function(e){ jQuery(e.target).addClass('pressed'); })
		.on('mouseup',		function(e){ jQuery(e.target).removeClass('pressed'); })
		.on('touchend',		function(e){ jQuery(e.target).removeClass('pressed'); });
	
}

Compille and should add the F1 to F3 buttons to be used