array(), 'form_code' => array(), 'form' => array(), 'html_code' => array() ); $form_id = 'plugins-select2-form-1'; $form = new Form($form_id, 'horizontal'); $form->addOption('position-applying-for-s2', '', ''); $form->addOption('position-applying-for-s2', 'Interface Designer', 'Interface Designer'); $form->addOption('position-applying-for-s2', 'Software Engineer', 'Software Engineer'); $form->addOption('position-applying-for-s2', 'System Administrator', 'System Administrator'); $form->addOption('position-applying-for-s2', 'Office Manager', 'Office Manager'); $form->addSelect('position-applying-for-s2', 'Which position are you applying for ?', 'class=select2, data-placeholder=Choose one ..., required'); $output['title'][] = 'Select with placeholder'; $output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\'); $form->addOption(\'position-applying-for-s2\', \'\', \'\'); $form->addOption(\'position-applying-for-s2\', \'Interface Designer\', \'Interface Designer\'); $form->addOption(\'position-applying-for-s2\', \'Software Engineer\', \'Software Engineer\'); $form->addOption(\'position-applying-for-s2\', \'System Administrator\', \'System Administrator\'); $form->addOption(\'position-applying-for-s2\', \'Office Manager\', \'Office Manager\'); $form->addSelect(\'position-applying-for-s2\', \'Which position are you applying for ?\', \'class=select2, data-placeholder=Choose one ..., required\');'); $output['form'][] = $form; $output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html))); /*---------- example 2 ----------*/ $form_id = 'plugins-select2-form-2'; $form = new Form($form_id, 'horizontal'); $form->addOption('product-choice-s2[]', 'Computers', 'Computers', '', 'data-icon=fa fa-desktop'); $form->addOption('product-choice-s2[]', 'Games', 'Games', '', 'data-icon=fa fa-gamepad'); $form->addOption('product-choice-s2[]', 'Books', 'Books', '', 'selected, data-icon=fa fa-book'); $form->addOption('product-choice-s2[]', 'Music', 'Music', '', 'selected, data-icon=fa fa-headphones'); $form->addOption('product-choice-s2[]', 'Photos', 'Photos', '', 'data-icon=fa fa-camera-retro'); $form->addOption('product-choice-s2[]', 'Films', 'Films', '', 'data-icon=fa fa-film'); $form->addHelper('(multiple choices)', 'product-choice-s2[]'); $form->addSelect('product-choice-s2[]', 'What products are you interested in ?', 'class=select2, multiple, required'); $output['title'][] = 'Select multiple with icons'; $output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\'); $form->addOption(\'product-choice-s2[]\', \'Computers\', \'Computers\', \'\', \'data-icon=fa fa-desktop\'); $form->addOption(\'product-choice-s2[]\', \'Games\', \'Games\', \'\', \'data-icon=fa fa-gamepad\'); $form->addOption(\'product-choice-s2[]\', \'Books\', \'Books\', \'\', \'selected, data-icon=fa fa-book\'); $form->addOption(\'product-choice-s2[]\', \'Music\', \'Music\', \'\', \'selected, data-icon=fa fa-headphones\'); $form->addOption(\'product-choice-s2[]\', \'Photos\', \'Photos\', \'\', \'data-icon=fa fa-camera-retro\'); $form->addOption(\'product-choice-s2[]\', \'Films\', \'Films\', \'\', \'data-icon=fa fa-film\'); $form->addHelper(\'(multiple choices)\', \'product-choice-s2[]\'); $form->addSelect(\'product-choice-s2[]\', \'What products are you interested in ?\', \'class=select2, multiple, required\');'); $output['form'][] = $form; $output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html))); /*---------- example 3 ----------*/ $form_id = 'plugins-select2-form-3'; $form = new Form($form_id, 'vertical'); $form->addOption('bg-color', 'blue-200', 'Blue light', 'blue', 'data-content= '); $form->addOption('bg-color', 'blue-500', 'Blue', 'blue', 'data-content= '); $form->addOption('bg-color', 'blue-800', 'Blue dark', 'blue', 'data-content= '); $form->addOption('bg-color', 'red-200', 'Red light', 'red', 'data-content= '); $form->addOption('bg-color', 'red-500', 'Red', 'red', 'data-content= '); $form->addOption('bg-color', 'red-800', 'Red dark', 'red', 'data-content= '); $form->addSelect('bg-color', 'Background color', 'class=select2'); $output['title'][] = 'Select with option groups & options built with custom html
Note that the equal sign and single quotes are all escaped with a backslash in the options html content'; $output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'vertical\'); $form->addOption(\'bg-color\', \'blue-200\', \'Blue light\', \'blue\', \'data-content= \'); $form->addOption(\'bg-color\', \'blue-500\', \'Blue\', \'blue\', \'data-content= \'); $form->addOption(\'bg-color\', \'blue-800\', \'Blue dark\', \'blue\', \'data-content= \'); $form->addOption(\'bg-color\', \'red-200\', \'Red light\', \'red\', \'data-content= \'); $form->addOption(\'bg-color\', \'red-500\', \'Red\', \'red\', \'data-content= \'); $form->addOption(\'bg-color\', \'red-800\', \'Red dark\', \'red\', \'data-content= \'); $form->addSelect(\'bg-color\', \'Background color\', \'class=select2\');'); $output['form'][] = $form; $output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html))); /*---------- example 4 ----------*/ $form_id = 'plugins-select2-form-4'; $form = new Form($form_id, 'horizontal'); $form->addOption('favorite-animals-s2[]', 'Cat', 'Cat'); $form->addOption('favorite-animals-s2[]', 'Dog', 'Dog'); $form->addOption('favorite-animals-s2[]', 'Lion', 'Lion'); $form->addOption('favorite-animals-s2[]', 'Rabbit', 'Rabbit'); $form->addOption('favorite-animals-s2[]', 'Mosquito', 'Mosquito'); $form->addHelper('3 animals max., type in the field to add your custom ones', 'favorite-animals-s2[]'); $form->addSelect('favorite-animals-s2[]', 'Choose your favorite animals', 'class=select2, data-tags=true, data-maximum-selection-length=3, data-close-on-select=true, data-language=es, multiple, required'); $output['title'][] = 'Select multiple tags, dynamic option creation, maximum limit & custom language for messages'; $output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\'); $form->addOption(\'favorite-animals-s2[]\', \'Cat\', \'Cat\'); $form->addOption(\'favorite-animals-s2[]\', \'Dog\', \'Dog\'); $form->addOption(\'favorite-animals-s2[]\', \'Lion\', \'Lion\'); $form->addOption(\'favorite-animals-s2[]\', \'Rabbit\', \'Rabbit\'); $form->addOption(\'favorite-animals-s2[]\', \'Mosquito\', \'Mosquito\'); $form->addHelper(\'3 animals max., type in the field to add your custom ones\', \'favorite-animals-s2[]\'); $form->addSelect(\'favorite-animals-s2[]\', \'Choose your favorite animals\', \'class=select2, data-tags=true, data-maximum-selection-length=3, data-close-on-select=true, data-language=es, multiple, required\');'); $output['form'][] = $form; $output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html))); /*---------- example 5 ----------*/ $form_id = 'plugins-select2-form-5'; $form = new Form($form_id, 'horizontal'); $form->addCountrySelect('country-select2', 'country: ', 'title=Select a country'); $output['title'][] = 'Select Country (uses the addCountrySelect() function)'; $output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\'); $form->addCountrySelect(\'country-select2\', \'country: \', \'title=Select a country\');'); $output['form'][] = $form; $output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html))); echo renderExample($output);