We're a community of 1076K IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,075,621 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

Decrease size of datetime picker calender

Hi..
i used Jquery in order to add date time picker calender in my site succesfully..

i just want to decrease size of calender because its showing big calender according to my form..
here is code and snapshop url

http://tinypic.com/r/2ajzymx/6

<!--Calender Start-->

<link rel="stylesheet" href="htp://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    t<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>

<!--Calender End-->

waiting 4 solution...
Regards..
Farhad Idrees

2
Contributors
3
Replies
2 Days
Discussion Span
5 Months Ago
Last Updated
5
Views
Question
Answered
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 11
Solved Threads: 0
Skill Endorsements: 0

try adjusting its font size

div.ui-datepicker{
 font-size:9px; 
}
code739
Posting Whiz in Training
208 posts since May 2012
Reputation Points: 17
Solved Threads: 28
Skill Endorsements: 5

thanks dear..
its workin :)

Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 11
Solved Threads: 0
Skill Endorsements: 0

=) can mark it solve =)

code739
Posting Whiz in Training
208 posts since May 2012
Reputation Points: 17
Solved Threads: 28
Skill Endorsements: 5
Question Answered as of 5 Months Ago by code739

This question has already been solved: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page rendered in 0.0695 seconds using 2.7MB