Seaside and Bootstrap

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
7 messages Options
Reply | Threaded
Open this post in threaded view
|

Seaside and Bootstrap

Olivier Auverlot
Hi,

I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.

Someone know how to use it ?

Best regards
Olivier ;-)_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

Paul DeBruicker
Use #attributeAt:put:



On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:

> Hi,
>
> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>
> Someone know how to use it ?
>
> Best regards
> Olivier ;-)_______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

Jan van de Sandt
Hello,

You can also have a loot at http://ss3.gemstone.com/ss/TwitterBootstrap.html

The Twitter-Bootstrap-Seaside package defined accessors for a lot of the Bootstrap custom attributes.

Jan.


On Thu, Jul 18, 2013 at 3:01 PM, Paul DeBruicker <[hidden email]> wrote:
Use #attributeAt:put:



On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:

> Hi,
>
> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>
> Someone know how to use it ?
>
> Best regards
> Olivier ;-)_______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

Olivier Auverlot
In reply to this post by Paul DeBruicker
Hi Paul,

I found this possibility but I don't know how to use it properly?

For example, if I create a graphical button to open a modal box:

        html div
                class: 'input-append';
                with: [
                        html anchor
                                class: 'btn btn-info';
                                url: '#mymodal';
                                with: [
                                        html twbsIcon: 'icon-white icon-user'.
                                ].
                ]

Where do you set a new attribute as data-toggle ?

Olivier ;-)

Le 18 juil. 2013 à 15:01, Paul DeBruicker a écrit :

> Use #attributeAt:put:
>
>
>
> On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:
>
>> Hi,
>>
>> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>>
>> Someone know how to use it ?
>>
>> Best regards
>> Olivier ;-)_______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

John McKeon
Hi Olivier,
You can try:
                  html anchor
                                class: 'btn btn-info';
                                attributeAt: 'data-toggle' put: 'dropdown';
                                url: '#mymodal';
                                with: [...

Happy trails,
John



On Thu, Jul 18, 2013 at 10:01 AM, Olivier Auverlot <[hidden email]> wrote:
Hi Paul,

I found this possibility but I don't know how to use it properly?

For example, if I create a graphical button to open a modal box:

        html div
                class: 'input-append';
                with: [
                        html anchor
                                class: 'btn btn-info';
                                url: '#mymodal';
                                with: [
                                        html twbsIcon: 'icon-white icon-user'.
                                ].
                ]

Where do you set a new attribute as data-toggle ?

Olivier ;-)

Le 18 juil. 2013 à 15:01, Paul DeBruicker a écrit :

> Use #attributeAt:put:
>
>
>
> On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:
>
>> Hi,
>>
>> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>>
>> Someone know how to use it ?
>>
>> Best regards
>> Olivier ;-)_______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



--
jmck.seasidehosting.st

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

Paul DeBruicker
In reply to this post by Olivier Auverlot
Hi Olivier,


You'd do this:

  html div
  class: 'input-append';
  with: [
  html anchor
  class: 'btn btn-info';
  url: '#mymodal';
                                attributeAt:'data-toggle' put:'modal';
  with: [
  html twbsIcon: 'icon-white icon-user'.
  ].
  ]



Good luck

Paul




On 07/18/2013 07:01 AM, Olivier Auverlot wrote:

> Hi Paul,
>
> I found this possibility but I don't know how to use it properly?
>
> For example, if I create a graphical button to open a modal box:
>
> html div
> class: 'input-append';
> with: [
> html anchor
> class: 'btn btn-info';
> url: '#mymodal';
> with: [
> html twbsIcon: 'icon-white icon-user'.
> ].
> ]
>
> Where do you set a new attribute as data-toggle ?
>
> Olivier ;-)
>
> Le 18 juil. 2013 à 15:01, Paul DeBruicker a écrit :
>
>> Use #attributeAt:put:
>>
>>
>>
>> On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:
>>
>>> Hi,
>>>
>>> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>>>
>>> Someone know how to use it ?
>>>
>>> Best regards
>>> Olivier ;-)_______________________________________________
>>> seaside mailing list
>>> [hidden email]
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Seaside and Bootstrap

Olivier Auverlot
Thanks Paul and John

In fact, it's very simple. With your support, I will make a cool application :-)

Le 18 juil. 2013 à 17:12, Paul DeBruicker a écrit :

> Hi Olivier,
>
>
> You'd do this:
>
> html div
> class: 'input-append';
> with: [
> html anchor
> class: 'btn btn-info';
> url: '#mymodal';
> attributeAt:'data-toggle' put:'modal';
> with: [
> html twbsIcon: 'icon-white icon-user'.
> ].
> ]
>
>
>
> Good luck
>
> Paul
>
>
>
>
> On 07/18/2013 07:01 AM, Olivier Auverlot wrote:
>> Hi Paul,
>>
>> I found this possibility but I don't know how to use it properly?
>>
>> For example, if I create a graphical button to open a modal box:
>>
>> html div
>> class: 'input-append';
>> with: [
>> html anchor
>> class: 'btn btn-info';
>> url: '#mymodal';
>> with: [
>> html twbsIcon: 'icon-white icon-user'.
>> ].
>> ]
>>
>> Where do you set a new attribute as data-toggle ?
>>
>> Olivier ;-)
>>
>> Le 18 juil. 2013 à 15:01, Paul DeBruicker a écrit :
>>
>>> Use #attributeAt:put:
>>>
>>>
>>>
>>> On Jul 18, 2013, at 5:54 AM, Olivier Auverlot <[hidden email]> wrote:
>>>
>>>> Hi,
>>>>
>>>> I work on a Seaside application with the bootstrap framework. Bootstrap uses custom attributes as data-toggle or data-dismiss.
>>>>
>>>> Someone know how to use it ?
>>>>
>>>> Best regards
>>>> Olivier ;-)_______________________________________________
>>>> seaside mailing list
>>>> [hidden email]
>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>> _______________________________________________
>>> seaside mailing list
>>> [hidden email]
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside