jQWidgets Forums

Forum Replies Created

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

Author

Posts

May 1, 2013 at 8:28 am in reply to: Issue in IE Issue in IE #20399

binfch

Participant

Ooops, works indeed

Thx & cheers,
P.

May 1, 2013 at 7:49 am in reply to: Issue in IE Issue in IE #20394

binfch

Participant

Hello Peter

Here’s an example that works fine on FF & Chrome but not in IE:

<!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>
  <link rel="stylesheet" href="./jqx.base.css" type="text/css" />
  <script type="text/javascript" src="./jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="./jqx-all.js"></script>
</head>
<body>
  <script type="text/javascript">
    $(document).ready(function () {
      var listArray = [];
      listArray.push('item1');    	
      listArray.push('item2');    	
      listArray.push('item3');    	
      $("#jqxWidget").jqxDropDownList({
        width: 270,
        height: 25,
        autoDropDownHeight: true,
        theme: 'classic',
        source: listArray,
        autoOpen: false,
        selectedIndex: 0,
        selectionRenderer: function (htmlElement) {
          var htmlString = htmlElement[0].innerHTML;
          return '<div style="position: relative; margin-left: 3px; margin-top: 2px;">' + htmlString + '</div>';
        }
      });
      item = $('#jqxWidget').jqxDropDownList('getSelectedItem').label;
      alert(item);
    });
  </script>
  <div id='jqxWidget'></div>
</body>
</html>

Thx & cheers,
Peter

August 29, 2012 at 7:51 am in reply to: Position of Chart Axis Values Position of Chart Axis Values #7233

binfch

Participant

Hi there

I think I found a solution by adding:

padding: { left: 0, top: 0, right: 0, bottom: -10 },

Thx & cheers,
Peter

July 31, 2012 at 9:16 am in reply to: Docking Window Size > 600px Docking Window Size > 600px #6424

binfch

Participant

Hi Milen

I just did download 2.3.1 -> There it works!!

Thanks & cheers,
Peter

July 31, 2012 at 8:56 am in reply to: Docking Window Size > 600px Docking Window Size > 600px #6422

binfch

Participant

Thx Milen for the feedback

However this does not seem to work

Pls check the following screenshot that illustrates my problem:
http://www.binf.ch/jqwshot1.png

Thx & cheers,
P.

July 31, 2012 at 6:14 am in reply to: jqxDropDownButton jqxDropDownButton #6415

binfch

Participant

Hi Dimitar

I am using 2.3.0.

I can reproduce the issue in FF 14 and Chrome 20.

Pls check the following short video showing the issue when i click somewhere on the page.
http://www.binf.ch/20120731_0809_33.zip

Thx & cheers,
P.

July 30, 2012 at 6:50 am in reply to: Docking Window Size > 600px Docking Window Size > 600px #6401

binfch

Participant

Hi Milen

Thx for the answer. Indeed , this hides the scrollbar.
However the real problem I am having is that the “contactContent” DIV is not shown/rendered 800px height (same size as the window). it is shown only 600px hight (with a scrollbar).

Thx & cheers,
Peter

July 30, 2012 at 6:28 am in reply to: Docking Window Size > 600px Docking Window Size > 600px #6397

binfch

Participant

Hello Milen

Thanks for your feedback. Sorry about that but I still am having some issues with this. The window heigth (800px) itself is OK now but its content is rendered with a scrollbar. I’d like to get rid of the scrollbar:

<!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 http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="jqwidgets/styles/jqx.classic.css" type="text/css" />
    <style type="text/css">
        .windowTitle {
            float: left;
        }
        .windowIcon {
            position: absolute;
            right: 5px;
        }
        .jqx-window-content-classic {
            padding: 0px;
            background-color: #e3e3e3;
        }
        .jqx-docking-panel-classic {
            margin: 0px;
        }
        #contactContent{
            height: 800px;
        }
    </style>
    <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxdocking.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxwindow.js"></script>   
    <script type="text/javascript" src="jqwidgets/jqxtooltip.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                var theme = 'classic';
                $('#contactContainer').jqxDocking({ 
                    theme: theme,
                    width: 450,
                    windowsOffset: 0
                });
                $('#contactContainer').jqxDocking('hideAllCloseButtons');
                $('#contactContainer').jqxDocking('hideAllCollapseButtons');
                $('#contactContainer').jqxDocking('pinWindow', 'contactWindow');
                
$('#contactContainer').jqxDocking('setWindowProperty', 'contactWindow', 'maxHeight', 800);
$('#contactContainer').jqxDocking('setWindowProperty', 'contactWindow', 'height', 800);
                $("#contactTooltip").jqxTooltip({ width: 250, theme: 'classic', showHtml: true });
                var element = $('#contactIcon');
                $("#contactTooltip").jqxTooltip('add', element, '<b>Contacts</b>');
            });
        </script>
        <div id="contactContainer">
            <div id="contactPanel">
                <div id="contactWindow">
              
                    <div>
                        <span class="contactTitle">Contact</span>
                        <img id="contactIcon" class="windowIcon" src="img/info.gif" width="16" height="16"/>
                        <div id='contactTooltip'></div>
                    </div>
                    <div>
                        <div id="contactContent">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Thanks and cheers,
Peter

July 11, 2012 at 9:35 am in reply to: Special Button Special Button #5831

binfch

Participant

Great, thx!

May 24, 2012 at 12:23 pm in reply to: Double-Click Double-Click #4342

binfch

Participant

Great, thanks. I was using an old version

Cheers,
Peter

May 9, 2012 at 5:46 am in reply to: Theme Builder Theme Builder #3994

binfch

Participant

Hi there

As a future idea for the theme builder I would propose:

+ An option to select from 5 different predefined default/standard themes to start with.

+ An option to upload an existing theme from disc (avoid need to redo all from scratch).

Thx & cheers,
Peter

April 24, 2012 at 7:52 am in reply to: Filter out Duplicates Filter out Duplicates #3606

binfch

Participant

Hi Peter

Thanks for the info -> This works great but I have another question.

The “source” data array looks like:

Right now I filter/extract (in a separate/new array) the 2 columns “DepartmentId” and “DepartmentName” for “CompanyId = 3” before using/assigning these in a jqxComboBox.

This process takes some time and I was wondering if there is a more performant/better way to directly use the “source” data array in the jqxComboBox (without passing through the mentioned extra step)?

Thanks & cheers,
Peter

April 23, 2012 at 1:16 pm in reply to: Unselect Unselect #3563

binfch

Participant

P.S: I can select the first entry in the list using:

$('#cmbImpCompany').jqxComboBox({ selectedIndex: 0 });

So I can insert a fake entry (something like “- EMPTY -“), but is still not that nice…

Thx & cheers,
P.

April 23, 2012 at 12:51 pm in reply to: Unselect Unselect #3562

binfch

Participant

Hi Peter

Thanks for your info. Sorry I still am unable to “un”-select. My code looks like:

var srcCompany = { datatype: "array", localdata: fltCompany }; var datCompany = new $.jqx.dataAdapter(srcCompany, {uniqueDataFields: ["CompanyId"]}); $("#cmbImpCompany").jqxComboBox({ source: datCompany, displayMember: "CompanyName", valueMember: "CompanyId", disabled: false });

the combobox is working and I can select an entry. However…

$('#cmbImpCompany').jqxComboBox({ selectedIndex: -1 });

…does not have any effect !? Is there another way to achieve what I need?

Thx & cheers,
P.

April 19, 2012 at 10:42 am in reply to: Button Behaviour Button Behaviour #3512

binfch

Participant

Thx for the answer

I have a web page with an integrated java applet and 2 jqxButton. The first jqxButton starts an java applet function and the second button stops the java applet function.

Starting is not a problem however once the java applet function has started I can not use the second jqxButton to stop the java applet function (it hangs).

-> With simple html buttons (no jqxButton) this works!?

So it would be nice to know how are events handled?

Thx & cheers,
P.

Author

Posts

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