Hi, I used the menu helper for the leftside menu generation in our layout currently. Will we get the '@selected' support with the coming uuf release?
Thanks, On Tue, Mar 7, 2017 at 8:44 AM, Denuwanthi De Silva <denuwan...@wso2.com> wrote: > Hi Manuranga, > > Yes I'm planning to use menu helper, since that seems to be the way to > render the menus with each page loading. > If there is any other approach, we can try that too. > > Thanks > > On Mon, Mar 6, 2017 at 10:18 PM, Manuranga Perera <m...@wso2.com> wrote: > >> Hi Denuwanthi, >> Are you planing to use menu helper ? >> >> On Mon, Mar 6, 2017 at 4:14 PM, SajithAR Ariyarathna <sajit...@wso2.com> >> wrote: >> >>> Hi Manu, >>> >>> On Mon, Mar 6, 2017 at 9:11 PM, Manuranga Perera <m...@wso2.com> wrote: >>> >>>> @Sajith >>>> * Can we use the menu helper ? >>>> >>> We have used the menu helper in the sample apps. >>> >>>> * AFAIK menu helper doesn't support a @selected attribute, to highlight >>>> current tab, don't we need to implement it? >>>> >>> Correct, ATM we don't support '@selected'. I think we can support it >>> easily. >>> >>> >>>> >>>> On Mon, Mar 6, 2017 at 2:52 PM, SajithAR Ariyarathna <sajit...@wso2.com >>>> > wrote: >>>> >>>>> >>>>> >>>>> On Mon, Mar 6, 2017 at 8:17 PM, Denuwanthi De Silva < >>>>> denuwan...@wso2.com> wrote: >>>>> >>>>>> >>>>>> >>>>>> On Mon, Mar 6, 2017 at 6:51 PM, Denuwanthi De Silva < >>>>>> denuwan...@wso2.com> wrote: >>>>>> >>>>>>> Thank you for the detailed description Sajith. >>>>>>> >>>>>>> >>>>>>> On Mon, Mar 6, 2017 at 6:47 PM, SajithAR Ariyarathna < >>>>>>> sajit...@wso2.com> wrote: >>>>>>> >>>>>>>> I think you have misunderstood the page concept. In UUF, Page is >>>>>>>> the whole thing (markup) that covers the browser window. So you >>>>>>>> *cannot* insert a page into another page. >>>>>>>> >>>>>>>> With that in mind, let's brak down the UI in [1]. >>>>>>>> >>>>>>>> - Left pane has 4 links, seems that those are app level menus. So, >>>>>>>> IMO each link should have a separate page. >>>>>>>> >>>>>>>> +1 to have separate page for each app menu. >>>>>> But that would make the left side 4 menus to disappear each time we >>>>>> go inside each menu due to directing to a new page. >>>>>> As you can see in [2] & [3], the left side menu remains even if we >>>>>> navigate from "User" to "Group" menu. >>>>>> >>>>>> So, does that mean we have to go to a fragment approach inorder to >>>>>> keep the left menu while navigating (since we cannot load a page inside >>>>>> another page) ? >>>>>> >>>>>> No need for a fragment based approach. Please look at my second >>>>> point, the answer is there :) >>>>> >>>>>> - Top bar (logo, product name, and usermenu), breadcrumbs, and >>>>>> *right-side >>>>>> menu will be the same for all pages*. Then we can put the markup for >>>>>> those into a layout and use that layout in pages (e.g. overview page, >>>>>> users >>>>>> page). >>>>> >>>>> So, having the menu in the layout will make it appear on all 4 pages. >>>>> >>>>> Thanks. >>>>> >>>>>> >>>>>> >>>>>> [2]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>>>>> master/Wireframes/admin-portal/v2/3.3%20Add%20users%20-%20options.png >>>>>> [3]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>>>>> master/Wireframes/admin-portal/v2/4.3%20Group%20Listing.png >>>>>> >>>>>> - Top bar (logo, product name, and usermenu), breadcrumbs, and >>>>>>>> right-side menu will be the same for all pages. Then we can put the >>>>>>>> markup >>>>>>>> for those into a layout and use that layout in pages (e.g. overview >>>>>>>> page, >>>>>>>> users page). >>>>>>>> >>>>>>>> - You can configure the menu in the app.yaml (see pets-store, >>>>>>>> features-app samples). And using the {{#menu }} helper, you can >>>>>>>> populate >>>>>>>> the menu (see sample apps) >>>>>>>> >>>>>>>> Thanks. >>>>>>>> >>>>>>>> >>>>>>>> On Mon, Mar 6, 2017 at 6:15 PM, Denuwanthi De Silva < >>>>>>>> denuwan...@wso2.com> wrote: >>>>>>>> >>>>>>>>> Hi, >>>>>>>>> >>>>>>>>> We need to provide a tab like view as in [1]. >>>>>>>>> When moving between each tab we plan to load a page. >>>>>>>>> >>>>>>>>> Is there a notation where we can insert a page inside the tab >>>>>>>>> similar to fragment notation? >>>>>>>>> or any other approach to achieve this behavior? >>>>>>>>> >>>>>>>>> >>>>>>>>> <li class="list-group-item"><a data-toggle="tab" href="#overview"> >>>>>>>>> Overview</a></li> >>>>>>>>> >>>>>>>>> <div class="tab-content"> >>>>>>>>> <div id="overview" class="tab-pane fade in active"> >>>>>>>>> >>>>>>>>> <! -- need to insert a page here--> >>>>>>>>> >>>>>>>>> </div> >>>>>>>>> </div> >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> [1]https://raw.githubusercontent.com/wso2-dev-ux/product-is/ >>>>>>>>> master/Wireframes/admin-portal/v2/2.1%20Landing%20page%20-%2 >>>>>>>>> 0with%20no%20existing%20users.png >>>>>>>>> >>>>>>>>> -- >>>>>>>>> Denuwanthi De Silva >>>>>>>>> Senior Software Engineer; >>>>>>>>> WSO2 Inc.; http://wso2.com, >>>>>>>>> Email: denuwan...@wso2.com >>>>>>>>> Blog: https://denuwanthi.wordpress.com/ >>>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> Sajith Janaprasad Ariyarathna >>>>>>>> Software Engineer; WSO2, Inc.; http://wso2.com/ >>>>>>>> <https://wso2.com/signature> >>>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> Denuwanthi De Silva >>>>>>> Senior Software Engineer; >>>>>>> WSO2 Inc.; http://wso2.com, >>>>>>> Email: denuwan...@wso2.com >>>>>>> Blog: https://denuwanthi.wordpress.com/ >>>>>>> >>>>>> >>>>>> >>>>>> >>>>>> -- >>>>>> Denuwanthi De Silva >>>>>> Senior Software Engineer; >>>>>> WSO2 Inc.; http://wso2.com, >>>>>> Email: denuwan...@wso2.com >>>>>> Blog: https://denuwanthi.wordpress.com/ >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> Sajith Janaprasad Ariyarathna >>>>> Software Engineer; WSO2, Inc.; http://wso2.com/ >>>>> <https://wso2.com/signature> >>>>> >>>>> _______________________________________________ >>>>> Dev mailing list >>>>> Dev@wso2.org >>>>> http://wso2.org/cgi-bin/mailman/listinfo/dev >>>>> >>>>> >>>> >>>> >>>> -- >>>> With regards, >>>> *Manu*ranga Perera. >>>> >>>> phone : 071 7 70 20 50 >>>> mail : m...@wso2.com >>>> >>> >>> >>> >>> -- >>> Sajith Janaprasad Ariyarathna >>> Software Engineer; WSO2, Inc.; http://wso2.com/ >>> <https://wso2.com/signature> >>> >> >> >> >> -- >> With regards, >> *Manu*ranga Perera. >> >> phone : 071 7 70 20 50 >> mail : m...@wso2.com >> > > > > -- > Denuwanthi De Silva > Senior Software Engineer; > WSO2 Inc.; http://wso2.com, > Email: denuwan...@wso2.com > Blog: https://denuwanthi.wordpress.com/ > -- Denuwanthi De Silva Senior Software Engineer; WSO2 Inc.; http://wso2.com, Email: denuwan...@wso2.com Blog: https://denuwanthi.wordpress.com/
_______________________________________________ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev