jQWidgets Forums

Tagged: datetimeinput, jqxdatetimeinput, jqxListMenu, listmenu

This topic contains 4 replies, has 2 voices, and was last updated by markcarpe 12 years, 2 months ago.

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

Author

format of jqxDateTimeInput in listmenu Posts
March 22, 2013 at 9:02 am format of jqxDateTimeInput in listmenu #17710
markcarpe
Member
jqxDateTimeInput inside jqxListMenu causes the dateTimeButtondateTimeInput to appear below date input field.

Can you suggest fix to align date button and date field?
```
<!DOCTYPE html>
```
<html>

<head>

<link rel=’stylesheet’ type=’text/css’ href=’styles/jqx.base.css’>

<script type=’text/javascript’ charset=’utf-8′ src=’jquery1.8.3.js’></script>

<script type=’text/javascript’ charset=’utf-8′ src=’jqx-all.js’></script>

<script type=’text/javascript’ charset=’utf-8′ src=’jquery.global.js’></script>

<script>

$(document).ready(function () {

$(‘#list’).jqxListMenu({ theme: ‘classic’, enableScrolling: false, width: ‘600px’});

$(‘#mydateinput’).jqxDateTimeInput({width: ‘250px’, height: ’25px’, theme: ‘classic’ });

});

</script>

</head>

<body class=’default’>

<ul id=’list’ data-role=’listmenu’>

<li>

go to date input widget

<ul data-role=’listmenu’>

<li>

<div style=’padding: 5px;’ data-role=’content’>

<div id=’mydateinput’></div>

</div>

</li>

</ul>

</li>

</ul>

</body>

</html>
March 22, 2013 at 9:37 am format of jqxDateTimeInput in listmenu #17717

Dimitar
Participant

Hello markcarpe,

Please provide your HTML, too, by formatting it as explained in the forum topic Code Formatting.

Best Regards,
Dimitar

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

March 24, 2013 at 8:38 am format of jqxDateTimeInput in listmenu #17849

markcarpe
Member

Any feedback on this?
Asking because I am not sure if I should repost or if you catch additional posts in existing post.

March 25, 2013 at 7:48 am format of jqxDateTimeInput in listmenu #17882
Dimitar
Participant
Hi markcarpe,

Here is a workaround on the matter:
```
<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' type='text/css' href="../../jqwidgets/styles/jqx.base.css">
    <script type='text/javascript' charset='utf-8' src="../../scripts/jquery-1.9.1.min.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/jqxcore.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/jqxdatetimeinput.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/jqxcalendar.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/jqxlistmenu.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/jqxbuttons.js"></script>
    <script type='text/javascript' charset='utf-8' src="../../jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#list').jqxListMenu({ enableScrolling: false, width: '600px' });
            $('#mydateinput').jqxDateTimeInput({ width: '250px', height: '25px' });
            $('#mydateinput').find('div').css('clear', 'none');
        });
    </script>
</head>
<body class='default'>
    <ul id='list' data-role='listmenu'>
        <li>go to date input widget
            <ul data-role='listmenu'>
                <li>
                    <div data-role='content'>
                        <div style="clear: none;" id='mydateinput'>
                        </di>
                    </div>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>
```
Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
March 25, 2013 at 3:00 pm format of jqxDateTimeInput in listmenu #17960

markcarpe
Member

You guys have great support. Thanks a lot!
Author

Posts

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

You must be logged in to reply to this topic.