jQuery UI Widgets Forums Editors Button, RepeatButton, ToggleButton, LinkButton FireFox not showing part of the jqxSwitchButton

This topic contains 11 replies, has 6 voices, and was last updated by  ivanpeevski 1 month, 1 week ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author

  • tbejot
    Participant

    I put the jqxSwitchButton in a page and of the Yes/No combo, Firefox has a blank for the No, but the Yes shows just fine. On other browsers the Yes/No combo looks fine. Is there something I need to do to get FireFox to show the No part of the Yes/No jqxSwitchButton?

    • This topic was modified 8 years, 7 months ago by  Peter Stoev. Reason: Moved to Button Forum. Reason. Posted in Wrong Forum

    Dimitar
    Participant

    Hello tbejot,

    Please provide us with a sample code which demonstrates the reported issue. Make sure you are using the latest version of jQWidgets (3.2.1).

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/


    tbejot
    Participant

    Interesting. I put it on a test server and it worked find. On my localhost only the Yes shows up but not the No response even though the tab is there. IE, Opera, Chrome, and Safari work fine on the localhost. Anyway, no worries since it seems ok on the tesing server.


    evainefaye
    Participant

    I am seeing this exact same issue (and with this users example I’m working on a localhost development currently, I haven’t tested it deployed outside of that scenario)

    Only happens in Firefox (I’m on FireFox 32, works fine in IE and Chrome)

    I put together a fiddle, but whats strange is the fiddle works fine:

    http://jsfiddle.net/s21jkb6L/

    here is the code I have that is pretty much a duplicate of what the fiddle has (I even pulled the file sources in from the same location as the fiddle did)

    <html>
    	<head>
    		<link type="text/css" rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" />		
    		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>		
    		<script type="text/javascript" src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function () {
    				$("div#test").jqxSwitchButton();
    			});
    		</script>
    	</head>
    	<body>
    		<div id="test"></div>
    	</body>
    </html>
    

    That code gives me the following for the ‘off’ view only in firefox

    SNIPPING


    Peter Stoev
    Keymaster

    Hi evainefaye,

    Your button is too small for displaying this text. You should set its “width”. Ex: http://jsfiddle.net/xobqbado/

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/


    evainefaye
    Participant

    Peter. I’ll try it again when home but I don’t think it’s the size of the element. The fiddle works find this only fails if you try this running as local host it seems but ill follow up

    I did try multiple different things. It only fails for the “off” text the on text works fine


    Peter Stoev
    Keymaster

    Hi evainefaye,

    When you don’t set the width of the Switch Button and there’s not enough width for the text to be displayed on the element, it should be expected that you will not see the full text, unless you set the Switch Button’s width as I did in the Example I provided you.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/


    evainefaye
    Participant

    Peter

    I’ve determined that the issue ONLY seems o to happen if your running as http://localhost

    The same exact code if I tried to go to http://stephanie-laptop/ then it displayed the off text, so its not a matter of size, or what i ahd for the labels, etc.

    It looks like there is some kind of a bug that would make it not display when running as localhost


    Peter Stoev
    Keymaster

    Hi evainefaye,

    Sorry, we cannot reproduce such thing. In addition, there’s no difference whether it runs on a local host or real server.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/


    Peter Stoev
    Keymaster

    Hi evainefaye,

    Sorry, we cannot reproduce such thing. In addition, there’s no difference whether it runs on a local host or real server. I would also remind you that when you build a web page, put DOCTYPE above the html tag.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/


    vikass@gmail.com
    Participant

    Hi Peter,

    I am seeing exactly the same issue outlined by tbejot. I can see the value corresponding to onLabel but not the value corresponding to offLabel. The issue is only with Firefox 103.0.2 (64-bit). It works fine on Edge and Chrome. I am using localhost. Below is the code:

    $(“#” + controlID).jqxSwitchButton({onLabel:”W”, offLabel:”E”, theme:”light”, height:15, width:40, thumbSize:’30%’});

    Additionally, I have set the font-size to 10px in CSS.

    Can you please advise?

    Regards,
    Vikas


    ivanpeevski
    Participant

    Hi Vikas,

    Thanks for the feedback and the example.
    We will investigate the cause of the issue.
    In the meantime, you can avoid this bug by setting thumbSize to a fixed value, instead of a %
    See example here: jsfiddle

    Best Regards,
    Ivan Peevski
    jQWidgets Team
    http://www.jqwidgets.com/

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.