[PatternFly] Datepicker inside a pf-toolbar?

Dan Labrecque dlabrecq at redhat.com
Thu Apr 13 04:29:16 UTC 2017


The Angular Patternfly site has toolbar example showing how to add 
custom components. I can't say whether a date picker is recommended in a 
toolbar, but there is a way to add it using the "actions" tag as shown 
below.

http://www.patternfly.org/angular-patternfly/#/api/patternfly.toolbars.directive:pfToolbar

<pf-toolbar id="exampleToolbar" config="toolbarConfig"> <actions> <span 
class="dropdown primary-action" uib-dropdown> <button class="btn 
btn-default dropdown-toggle" uib-dropdown-toggle type="button"> Menu 
Action <span class="caret"></span> </button> <ul class="dropdown-menu"> 
<li role="menuitem" ng-click="optionSelected(1)"> <a 
class="secondary-action">Option 1</a> </li> <li role="menuitem" 
ng-click="optionSelected(2)"> <a class="secondary-action">Option 2</a> 
</li> <li role="menuitem" ng-click="optionSelected(3)"> <a 
class="secondary-action">Option 3</a> </li> <li role="menuitem" 
ng-click="optionSelected(4)"> <a class="secondary-action">Option 4</a> 
</li> </ul> </span> <button class="btn btn-default primary-action" 
type="button" ng-click="doAdd()"> <span class="fa fa-plus"></span> Add 
Action </button> </actions> </pf-toolbar>


Dan

On 4/12/17 12:34 PM, John Logan wrote:
>
> Hi,
>
>
> I'm trying out Patternfly in a prototype and I really appreciate the 
> work that's been done.  It's made the job of putting together a good 
> enterprise app user experience a lot easier.
>
>
> This might be the wrong place for angular-patternfly questions, but I 
> thought I'd ask here and find out whether I should be posting 
> elsewhere (as a github issue?) instead.  I have a pf-toolbar in one of 
> my views, and I'd like to include a date range picker (or pair of date 
> pickers) in the toolbar for constraining the requested items.  Is 
> there a way to do this with the Angular component today?  If not, what 
> do you think is the best workaround?
>
>
> Thanks!  John
>
>
>
>
> _______________________________________________
> PatternFly mailing list
> PatternFly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170413/0ecf0da3/attachment.htm>


More information about the PatternFly mailing list