Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Update repeater header checkbox to use correct markup #1847

Merged

Conversation

interactivellama
Copy link
Contributor

Hello, Fuel UX, old friend. It's been a while.

Partial fix to #251 in GHE's Fuel UX site. This corrects the markup generated by the repeater.

There shouldn't be any visual changes here. The main point was to wrap the input in the label to align with markup found in the Fuel UX Checkbox, so that we have the same starting point for checkboxes for the Lightning Theme.

screen shot 2016-07-21 at 12 19 37 am


var checkBoxMarkup = '<div class="repeater-list-heading header-checkbox">' +
'<label for="' + checkAllID + '" class="checkbox-custom checkbox-inline">' +
'<input id="' + checkAllID + '" class="sr-only" type="checkbox" value="">' +
Copy link

@cmcculloh-kr cmcculloh-kr Jul 21, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to the markup folder, the id goes on the label, not the input:

<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomCheckbox">
    <input class="sr-only" type="checkbox" value=""> <span class="checkbox-label">1</span>
</label>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sounds good. I knew that but was trying to make I didn't break things. Will update and test.

@interactivellama interactivellama force-pushed the repeater-checkbox-markup branch from 89b8c64 to 921f779 Compare July 21, 2016 14:39
'<label for="' + checkAllID + '"></label></div></div>';

var checkBoxMarkup = '<div class="repeater-list-heading header-checkbox">' +
'<label id="' + checkAllID + '" class="checkbox-custom checkbox-inline">' +
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@CormacMcCarthy Updated.

@cmcculloh-kr cmcculloh-kr merged commit f8e749b into ExactTarget:master Jul 21, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants