DateRangeSlider not getting rendered properly inside unified-shell

[former_member197827]

Hi,
The sap.suite.ui.commons.DateRangeSlider is not getting rendered properly in the content aggregation of sap.ui.unified.Shell but works fine in the Panecontent aggregation. It doesnt even throw any error. Please have a look into this.

here is my sample code:

<
DateRangeSlider
xmlns="sap.suite.ui.commons" id="daterangesel" visible="true"
width="100%" enabled="true" editable="true" showBubbles="true"
stepLabels="true" change="daychange" liveChange="daychange1">

</
DateRangeSlider>

onAfterRendering: function() {
this.byId("daterangesel").setDateFormat(sap.ui.core.format.DateFormat.getDateInstance(new sap.ui.core.Locale("de")));
this.byId("daterangesel").setMin(new Date(2015, 9, 17));
this.byId("daterangesel").setValue(new Date(2015, 9, 17));
this.byId("daterangesel").setMax(new Date(2015, 9, 21));
this.byId("daterangesel").setValue2(new Date(2015, 9, 21));
this.byId("daterangesel").setSmallStepWidth(1);
this.byId("daterangesel").setTotalUnits(4);
this.byId("daterangesel").setLabels(['Day1','Day2','Day3','Day4', 'Day5']);
},

[saivellanki]

Hi Sagar,

Doesn't render properly means? What was the issue? Check this Sample: JS Bin - Collaborative JavaScript Debugging

If there any issue with sample provided, please let me know.

Regards,

Sai Vellanki.

[Former Member]

Hi Sai Vellanki,

Thanks for the quick reply.I have tried similarly still the DateRangeSlider is not getting rendered correctly.PFA pic.You can find the code in github link shruthireddy209/UI5- · GitHub.

Thanks and Regards

Sagar

[former_member197827]

Hi Sai,

Did you go through the above GitHub link..??

Regards,

Sagar

[former_member182862]

Hi All

I think the mark to too close to the text. We can adjust it upwards

JS Bin - Collaborative JavaScript Debugging

[former_member197827]

Hi Dennis,

Thanks for reply.

Issue is not with Placing of mark. In my application I can see only one Mark i.e only one slider.U can check the code from shruthireddy209/UI5- · GitHub.

Thanks and Regards,

Sagar

[former_member182862]

Hi Sagar

I will be nice if you can simplify your code and have it in JSBin.

-D

[Former Member]

Which sapui5 version are you using?

src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js'

Add this in your src attribute and check it once.

[former_member197827]

Hi Indrajith,

I tried with  src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js'

but no luck.

Here is the link to code. Please go through it.

https://github.com/shruthinarayanareddy/newDemo

DateRangeSlider works perfectly fine when used it in other application with src='resources/sap-ui-core.js' (where unified shell is not used).

I think  there is some issue when we use DateRangeSelector  with unified shell

Thanks and Regards,

Sagar