jQWidgets Forums

Tagged: Button

This topic contains 5 replies, has 2 voices, and was last updated by Peter Stoev 11 years, 10 months ago.

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

Author

roundedCorners possible bug Posts
August 1, 2013 at 8:01 pm roundedCorners possible bug #26110

gush
Participant

In the jqxButton documentation, I found that the roundedCorners property has a wrong value for ‘bottom-left’.

I think it should be ‘jqx-rc-bl’ instead of ‘jqx-rc-br’

August 1, 2013 at 8:06 pm roundedCorners possible bug #26114

Peter Stoev
Keymaster

Hi gush,

The link that you pointed out is outdated and is for old version of jQWidgets.. Please, use the Documentation which is available online and is accessible from our web site – Documentation page or the API pages in the Demo page.

Best Regards,
Peter Stoev

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

August 1, 2013 at 10:26 pm roundedCorners possible bug #26117

gush
Participant

/*
jQWidgets v2.9.3 (2013-July-11)
Copyright (c) 2011-2013 jQWidgets.
License: http://jqwidgets.com/license/
*/

(function(a){a.jqx.cssroundedcorners=function(b){var c={all:”jqx-rc-all”,top:”jqx-rc-t”,bottom:”jqx-rc-b”,left:”jqx-rc-l”,right:”jqx-rc-r”,”top-right”:”jqx-rc-tr”,”top-left”:”jqx-rc-tl”,”bottom-right”:”jqx-rc-br”,”} “bottom-left”:”jqx-rc-br” ….

The above is a copy/paste from jqxbuttons.js, is there a newer version?

August 2, 2013 at 12:12 am roundedCorners possible bug #26120
Peter Stoev
Keymaster
Hi gush,

As I already written in the previous post, the link that you provided in your post is not actual. Please, use the documentation of jqxButton on the Documentation page i.e here: http://www.jqwidgets.com/jquery-widgets-documentation which you can also access by clicking the Documentation menu item on the site’s menu. jQWidgets 2.9.3 is the current version so there is no newer version at present.

Here are the possible values for the roundedCorners property:

‘all’ – for all corners
‘top’- for top corners
‘bottom’ – for bottom corners
‘left’ – for left corners
‘right’ – for right corners
‘top-right’ – for top right corners
‘top-left’ – for top left corners
‘bottom-right’ – for bottom right corners
‘bottom-left’ – for bottom left corners

And here is a sample which sets one of the possible values:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="keywords" content="jQuery Button, CheckBox, Toggle Button, Repeat Button, Radio Button, Link Button, Button" />
    <meta name="description" content="The jqxButton widget allows you to display a button on the Web page." />
    <title id='Description'>The jqxButton widget allows you to display a button on the Web
        page.</title>
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                var theme = "";
                // Create jqxButton widgets.
                $("#jqxButton").jqxButton({ width: '150', theme: theme, roundedCorners: 'bottom-left' });
            });
        </script></head>
<body class='default'>
            <input type="button" value="Button" id='jqxButton' />
</body>
</html>
```
Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/
August 2, 2013 at 12:32 am roundedCorners possible bug #26122

gush
Participant

Hi Peter,

Thank you for your reply.

I tried the code you provided, the button had its bottom right corner rounded instead of the bottom right.

In my previous reply I included the actual code from “jqxbuttons.js” v2.9.3, in this file (not the documentation), “Bottom-Left” is defined “jqx-rc-br”, and I think that’s what’s causing the issue.

Below is the code copied from “jqxbuttons.js”

Again, thank you for your support.

August 2, 2013 at 12:55 am roundedCorners possible bug #26125

Peter Stoev
Keymaster

Hi gush,

Thank you for the feedback!

Best Regards,
Peter Stoev

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

Posts

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

You must be logged in to reply to this topic.