Skip to content

🐲 NEW: RESPONSIVE CONTROL.#220

Open
h1dd3nsn1p3r wants to merge 10 commits intodevelopmentfrom
sniper
Open

🐲 NEW: RESPONSIVE CONTROL.#220
h1dd3nsn1p3r wants to merge 10 commits intodevelopmentfrom
sniper

Conversation

@h1dd3nsn1p3r
Copy link
Collaborator

  • This PR includes testing responsive control which is under development. Mobile: Trigger button location #216

  • Do not merge this PR in dev branch till the development has not been completed.

- This PR includes testing responsive control which is under development. #216

- Do not merge this PR in dev branch till the development has not been completed.
- Added: Pre for debugging.
- 🧬 STATE: LOCAL STATE WORKS.
- Refactor: Components.
- Added: Debugger component.
- Improved: Debugger.
- Added: Missing visibility select label.
@h1dd3nsn1p3r
Copy link
Collaborator Author

@Asok17

Expremental: Position responsive control.

image

Setting value:

It must be an array.

'resposive_control'  => array(
	    'desktop' => array(
	        'id'   		  => 'desktop',	
	        'visibility'  => 'visible',
	        'location'    => array(
		        'top' 	  => '',
		        'right'   => '40',
		        'bottom'  => '40',
		        'left'    => '',
	        ),
	        'unit'		  => 'px'
	    ),
            'tablet' => array(
	            'id'   		  => 'tablet',	
	            'visibility'  => 'hidden',
	            'location'    => array(
		            'top' 	  => '',
		            'right'   => '2',
		            'bottom'  => '3',
		            'left'    => '',
	            ),
	            'unit'		  => 'em'
            ),
            'mobile' => array(
	            'id'   		  => 'mobile',	
	            'visibility'  => 'visible',
	            'location'    => array(
		            'top' 	  => '',
		            'right'   => '10',
		            'bottom'  => '10',
		            'left'    => '',
	            ),
	            'unit'		  => 'px'
            ),
),

Option choices:

Here's an example:

'choices' => array(
        'desktop' => array(
	        'id'    => 'desktop',
	        'visibility'  => array(
		        'visible' => 'Visible',
		        'hidden'  => 'Hidden',
	        ),
	        'location'  => array(
		        'top' 	  => '',
		        'right'   => '',
		        'bottom'  => '',
		        'left'    => '',
	        ),
	        'unit' 			  => array(
		        'px' 		  => 'px',
		        'percent'  	  => '%',
		        'em'  		  => 'em',
		        'rem'  		  => 'rem',
	        ),
        ),
        'tablet' => array(
	        'id'    => 'tablet',
	        'visibility'  => array(
		        'visible' => 'Visible',
		        'hidden'  => 'Hidden',
	        ),
	        'location'  => array(
		        'top' 	  => '',
		        'right'   => '',
		        'bottom'  => '',
		        'left'    => '',
	        ),
	        'unit' 			  => array(
		        'px' 		  => 'px',
		        'percent'     => '%',
		        'em'  		  => 'em',
		        'rem'  		  => 'rem',
	        ),
        ),
        'mobile' => array(
	        'id'    => 'mobile',
	        'visibility'  => array(
		        'visible' => 'Visible',
		        'hidden'  => 'Hidden',
	        ),
	        'location'  => array(
		        'top' 	  => '',
		        'right'         => '',
		        'bottom'     => '',
		        'left'            => '',
	        ),
	        'unit' 		   => array(
		        'px' 		   => 'px',
		        'percent'     => '%',
		        'em'  	   => 'em',
		        'rem'  	    => 'rem',
	        ),
        ),
),

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant