Toggle Hotspot - Revision history

FreyaHan at 08:45, 7 July 2021

2021-07-07T08:45:04Z

← Older revision		Revision as of 08:45, 7 July 2021
Line 1:		Line 1:
	'''This component ~~is currently~~ used in conjunction with [[Draggable Hotspot]].'''		'''This component can be used in conjunction with [[Draggable Hotspot]].'''

	The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.		The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.
Line 7:		Line 7:
	==Technical Information==		==Technical Information==
	===Props===		===Props===
			Name: draggable

			Type: Boolean

			Default: false

			Description: If true, the toggle button can be used with the draggable hotspot


	Name: noWastedSpace		Name: noWastedSpace

Line 14:		Line 23:

	Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given		Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given



Line 23:		Line 33:

	Description: Used to set the name of the toggle hotspot, which will appear on the toggle button		Description: Used to set the name of the toggle hotspot, which will appear on the toggle button



Line 32:		Line 43:

	Description: If true, the component covered by the hotspot will show on top of it		Description: If true, the component covered by the hotspot will show on top of it



Line 43:		Line 55:

	Description: Used to set the position of the hotspot		Description: Used to set the position of the hotspot



Line 56:		Line 69:
	None		None

	==Design Choice==		== Design Choice==
	The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contrusts the main theme -- imperial blue.		The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contrusts the main theme -- imperial blue.
	[[Category:Layouts]]		[[Category:Layouts]]

FreyaHan at 10:21, 6 July 2021

2021-07-06T10:21:01Z

← Older revision		Revision as of 10:21, 6 July 2021
Line 1:		Line 1:
	'''This component is currently used in conjunction with Draggable Hotspot.'''		'''This component is currently used in conjunction with [[Draggable Hotspot]].'''

	The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.		The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.

FreyaHan at 10:20, 6 July 2021

2021-07-06T10:20:00Z

← Older revision		Revision as of 10:20, 6 July 2021
Line 1:		Line 1:
	The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.		'''This component is currently used in conjunction with Draggable Hotspot.'''

			The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.
	<div class="res-img">		<div class="res-img">
	[[File:Toggle hotspot.png\|811x811px]]		[[File:Toggle hotspot.png\|811x811px]]

FreyaHan at 09:01, 1 July 2021

2021-07-01T09:01:04Z

← Older revision		Revision as of 09:01, 1 July 2021
Line 3:		Line 3:
	[[File:Toggle hotspot.png\|811x811px]]		[[File:Toggle hotspot.png\|811x811px]]
	</div>		</div>
			==Technical Information==
	===Props===		===Props===
	Name: noWastedSpace		Name: noWastedSpace
Line 53:		Line 54:
	None		None

	===Design Choice====		==Design Choice==
	The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which ~~contracts~~ the main theme -- imperial blue.		The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contrusts the main theme -- imperial blue.
	[[Category:Layouts]]		[[Category:Layouts]]

FreyaHan at 08:51, 1 July 2021

2021-07-01T08:51:37Z

← Older revision		Revision as of 08:51, 1 July 2021
Line 1:		Line 1:
	The ~~Toggle Hostspot~~ component creates a toggle hotspot with position of user's choice.		The <code>iv-toggle-hotspot</code> component creates a toggle hotspot with position of user's choice.
	<div class="res-img">		<div class="res-img">
	[[File:Toggle hotspot.png\|811x811px]]		[[File:Toggle hotspot.png\|811x811px]]
Line 49:		Line 49:

	Description: Used to set the explict size on the major axis of the hotspot, if set to -1 (default) will fill all available space		Description: Used to set the explict size on the major axis of the hotspot, if set to -1 (default) will fill all available space

			===Events===
			None

			===Design Choice====
			The hotspot was made to be pure white to display content better, the button that toggles the hotspot was made to be yellow, which contracts the main theme -- imperial blue.
	[[Category:Layouts]]		[[Category:Layouts]]

FreyaHan at 14:11, 30 June 2021

2021-06-30T14:11:31Z

← Older revision		Revision as of 14:11, 30 June 2021
Line 1:		Line 1:
	The Toggle Hostspot component creates a toggle hotspot with position of user's choice.		The Toggle Hostspot component creates a toggle hotspot with position of user's choice.
	<div class="res-img">		<div class="res-img">
	[[File:~~Fixed~~ hotspot.png\|811x811px]]		[[File:Toggle hotspot.png\|811x811px]]
	</div>		</div>
	===Props===		===Props===

FreyaHan at 14:06, 30 June 2021

2021-06-30T14:06:40Z

← Older revision		Revision as of 14:06, 30 June 2021
Line 11:		Line 11:

	Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given		Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given


	Name: title		Name: title
Line 28:		Line 29:

	Description: If true, the component covered by the hotspot will show on top of it		Description: If true, the component covered by the hotspot will show on top of it


	Name: position		Name: position
Line 38:		Line 40:

	Description: Used to set the position of the hotspot		Description: Used to set the position of the hotspot


	Name: size		Name: size

FreyaHan: Created page with "The Toggle Hostspot component creates a toggle hotspot with position of user's choice.
811x811px
===Props=== Name: noWa..."

2021-06-30T14:06:03Z

Created page with "The Toggle Hostspot component creates a toggle hotspot with position of user's choice. <div class="res-img"> 811x811px </div> ===Props=== Name: noWa..."

New page

The Toggle Hostspot component creates a toggle hotspot with position of user's choice.
<div class="res-img">
[[File:Fixed hotspot.png|811x811px]]
</div>
===Props===
Name: noWastedSpace

Type: Boolean

Default: false

Description: If true, the size of the hotspot will be just enough to fit the content, no extra space will be given

Name: title

Type: String

Default:

Description: Used to set the name of the toggle hotspot, which will appear on the toggle button

Name: glass

Type: Boolean

Default: false

Description: If true, the component covered by the hotspot will show on top of it

Name: position

Type: String

Required: true

Validator: ['top','bottom','topright','topleft','bottomright', 'bottomleft']

Description: Used to set the position of the hotspot

Name: size

Type: Number

Default: -1

Description: Used to set the explict size on the major axis of the hotspot, if set to -1 (default) will fill all available space
[[Category:Layouts]]