1,105,169 Community Members

Decrease size of datetime picker calender

Member Avatar
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Member Avatar
code739
Posting Whiz in Training
213 posts since May 2012
Reputation Points: 17 [?]
Q&As Helped to Solve: 30 [?]
Skill Endorsements: 6 [?]
 
0
 

try adjusting its font size

div.ui-datepicker{
 font-size:9px; 
}
Member Avatar
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

thanks dear..
its workin :)

Member Avatar
code739
Posting Whiz in Training
213 posts since May 2012
Reputation Points: 17 [?]
Q&As Helped to Solve: 30 [?]
Skill Endorsements: 6 [?]
 
0
 

=) can mark it solve =)

Question Answered as of 1 Year Ago by code739
You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article