We recently added the ability to add new image types when setting the IMAGE_FSTYPES variable from the "BitBake variables" page. The changes were made for Bootstrap 2, and a few modifications to the mark up are required to make sure they work properly with Bootstrap 3.
Signed-off-by: Belen Barros Pena <[email protected]> --- bitbake/lib/toaster/toastergui/static/css/default.css | 3 ++- bitbake/lib/toaster/toastergui/templates/projectconf.html | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index a8d86e9..30328fd 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css @@ -154,7 +154,8 @@ dd.variable-list form { margin-top: 10px; } #new-dl_dir, #filter-image_fstypes, #new-image_install, -#new-sstate_dir { width: 20em; } +#new-sstate_dir, +#new-imagefs_types { width: 20em; } #package_classes-select { width: 10em; } .scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 0 10px; width: 27.5%; margin-bottom: 10px; margin-top: 10px; } .scrolling.has-error { border-color: #a94442; } diff --git a/bitbake/lib/toaster/toastergui/templates/projectconf.html b/bitbake/lib/toaster/toastergui/templates/projectconf.html index a7eaafb..af75c9d 100644 --- a/bitbake/lib/toaster/toastergui/templates/projectconf.html +++ b/bitbake/lib/toaster/toastergui/templates/projectconf.html @@ -58,12 +58,12 @@ <span class="glyphicon glyphicon-edit" id="change-image_fstypes-icon"></span> <form id="change-image_fstypes-form" style="display:none;"> <label>Type the image types you want to build:</label> - <div class="form-group" id="validate-image_fstypes"> + <div class="form-group form-inline" id="validate-image_fstypes"> <input type="text" class="form-control "id="new-imagefs_types"> <button id="apply-change-image_fstypes" type="button" class="btn btn-default">Save</button> <button id="cancel-change-image_fstypes" type="button" class="btn btn-link">Cancel</button> </div> - <p class="help-block text-danger" id="hintError-image-fs_type">A valid image type cannot include underscores</p> + <p class="help-block text-danger" style="display:none;" id="hintError-image-fs_type">A valid image type cannot include underscores</p> <label>Or choose from known image types:</label> <input id="filter-image_fstypes" type="text" placeholder="Search image types" class="form-control"> <div id="all-image_fstypes" class="scrolling"></div> @@ -649,11 +649,11 @@ // Validate underscore in image fs types if ($(this).val().indexOf('_') > -1) { - $('#validate-image_fstypes').addClass('control-group error'); + $('#validate-image_fstypes').addClass('has-error'); $('#hintError-image-fs_type').show(); $("#apply-change-image_fstypes").prop("disabled", true); } else { - $('#validate-image_fstypes').removeClass('control-group error'); + $('#validate-image_fstypes').removeClass('has-error'); $('#hintError-image-fs_type').hide(); } }); -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
