[Building Sakai] Where can i change ui tool tip related css in Syllabus tool

Laxman Deepak laxmandeepak.vidyayug at gmail.com
Thu Oct 16 06:45:25 PDT 2014


Hi Brayan,

Thanks for your info.I really happy with your way of explanation .I will
implement your suggestions.

On Wed, Oct 15, 2014 at 6:14 PM, Bryan Holladay <holladay at longsight.com>
wrote:

> Maybe your code is being ran before the popup is set. You should do what
> the bodyInput code does and wait until after it pops up then move it to the
> left. for example:
>
> $(".endTimeInput").editable({
> ...
> ).on( "tooltipopen", function( event, ui ) {
> setTimeout(function(){
> $(".editable-popup").css({"left":"738px"});
> }, 1000);
> });
>
> Also, I wouldn't put a static "738px" attribute. Grab the existing "left"
> attribute and subtract it by a number that works for you.
>
> -Bryan
>
>
> On Wed, Oct 15, 2014 at 1:27 AM, Laxman Deepak <
> laxmandeepak.vidyayug at gmail.com> wrote:
>
>> No.I have used the existing jquery editable function as follows
>>     $(".endTimeInput")..on( "shown", function( event, ui ) {
>>                 $(".editable-popup").css({"left":"738px"});
>>    });
>> Thanks for your help and there is no issue in sakai trunk.It is with
>> older versions.
>>
>> On Tue, Oct 14, 2014 at 7:33 PM, Bryan Holladay <holladay at longsight.com>
>> wrote:
>>
>>> Are you not able to get a hold of the tool tip with JQuery
>>> $(this).getParent?
>>>
>>> On Tue, Oct 14, 2014 at 9:58 AM, Laxman Deepak <
>>> laxmandeepak.vidyayug at gmail.com> wrote:
>>>
>>>> Hi Bryan,
>>>>
>>>>   Thanks for your help.I have tried the display function but it is
>>>> applying the css effects for the label "*Click to add end date*".I
>>>> want to apply a left property for the rendering tool tip to enter the end
>>>> date when i click that label.
>>>>
>>>> On Mon, Oct 13, 2014 at 11:43 PM, Bryan Holladay <
>>>> holladay at longsight.com> wrote:
>>>>
>>>>> The "left" css attribute is probably being populated by the jQuery
>>>>> library "editable". I would look in the js file:
>>>>>
>>>>> https://source.sakaiproject.org/svn/syllabus/trunk/syllabus-app/src/webapp/js/syllabus.js
>>>>> at:
>>>>> $(".endTimeInput").editable({
>>>>>
>>>>> Then add a "display" function like bodyInput has and adjust the left
>>>>> attribute in that method.
>>>>>
>>>>> This would be a hack, so if you can use the existing jquery editable
>>>>> functions, then I could commit it back to trunk.
>>>>>
>>>>> Thanks,
>>>>> Bryan
>>>>>
>>>>> On Fri, Oct 10, 2014 at 1:35 PM, Laxman Deepak <
>>>>> laxmandeepak.vidyayug at gmail.com> wrote:
>>>>>
>>>>>> HI All,
>>>>>>
>>>>>>    In my environment  *E**nd date* on the syllabus tool  displays to
>>>>>> the right of the syllabus area forcing the user to scroll to the right to
>>>>>> locate it rather than fitting the iframe. By seeing inspect element i came
>>>>>> to know that if i reduce the the float:left property for that popup then it
>>>>>> did not showing scroll and it is rendering with in the iframe. Can anybody
>>>>>> help where i do exact css changes.Please see the following image.
>>>>>>
>>>>>>
>>>>>>>>>>>>
>>>>>> _______________________________________________
>>>>>> sakai-dev mailing list
>>>>>> sakai-dev at collab.sakaiproject.org
>>>>>> http://collab.sakaiproject.org/mailman/listinfo/sakai-dev
>>>>>>
>>>>>> TO UNSUBSCRIBE: send email to
>>>>>> sakai-dev-unsubscribe at collab.sakaiproject.org with a subject of
>>>>>> "unsubscribe"
>>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20141016/46f7c7aa/attachment.html 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Syllabus.png
Type: image/png
Size: 203886 bytes
Desc: not available
Url : http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20141016/46f7c7aa/attachment.png 


More information about the sakai-dev mailing list