BillOatman 492 Posted June 18, 2019 Share Posted June 18, 2019 (edited) Hi. I have this in my plugin config page: <h3>Enter the scene you would like active for the following states (avoid using special characters):</h3> <div class="inputContainer"> <input is="emby-input" type="text" id="playingScene" name="playingScene" required="required" label="Playing Scene:" /> </div> <div class="inputContainer"> <input is="emby-input" type="text" id="pausedScene" name="pausedScene" required="required" label="Paused Scene:" /> </div> <div class="inputContainer"> <input is="emby-input" type="text" id="stopScene" name="stopScene" required="required" label="Stopped Scene:" /> </div> <div> <button is="emby-button" type="submit" class="raised button-submit block"><span>Save</span></button> </div> In IE win10 and safari on a mac it looks like this: On chrome in all environments, it looks as it was intended: Is there something I should do differently there? Edited June 18, 2019 by BillOatman Link to comment Share on other sites More sharing options...
Luke 36878 Posted June 18, 2019 Share Posted June 18, 2019 You need to require emby-input Link to comment Share on other sites More sharing options...
BillOatman 492 Posted June 18, 2019 Author Share Posted June 18, 2019 Thanks @@Luke, I have this now at the top of the config.html: <div data-role="page" class="page type-interior pluginConfigurationPage hueConfigurationPage" data-require="emby-select,emby-checkbox,emby-input,emby-button"> and this in the control definition itself: <input is="emby-input" type="text" id="playingScene" name="playingScene" required="required" label="Playing Scene:" /> Is there some other place I need to require it? Link to comment Share on other sites More sharing options...
Luke 36878 Posted June 18, 2019 Share Posted June 18, 2019 Ok, without diving into it, I don't know right now. Link to comment Share on other sites More sharing options...
BillOatman 492 Posted June 18, 2019 Author Share Posted June 18, 2019 (edited) Understood. What's interesting/odd is that on one persons Mac it was wrong when he used Safari, but correct in Chrome on the same server. And another person on a windows server, it was wrong with IE but correct with Chrome. The short term answer anyway is to use Chrome Edited June 18, 2019 by BillOatman Link to comment Share on other sites More sharing options...
Solution BillOatman 492 Posted June 19, 2019 Author Solution Share Posted June 19, 2019 Posting for others who may run into this ... As is often the case with multi-browser UI, I had to try different things until something worked. In this case I had to get far more verbose in the HTML. This works in Safari, IE, and Chrome. <div class="inputContainer"> <label class="inputLabel inputLabel-float inputLabelUnfocused" for="playingScene">Playing Scene:</label> <input is="emby-input" type="text" id="playingScene" name="playingScene" class="emby-input" required> <div class="fieldDescription">This scene will be set when videos start or resume playing.</div> </div> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now